Component

Material Design 3 secondary FAB tokens

Browse tokens

TokenValue
Enabled
Enabled tokens
TokenValue
FAB (secondary) container shapemd.comp.fab.secondary.container.shape
md.sys.shape.corner.largeShow reference chainHide reference chain
md.comp.fab.secondary.container.shape
  • md.sys.shape.corner.large
Rounded Corners · DefaultSize: 16dp
Container
Container tokens
TokenValue
FAB (secondary) container heightmd.comp.fab.secondary.container.height56dp
FAB (secondary) container widthmd.comp.fab.secondary.container.width56dp
Icon
Icon tokens
TokenValue
FAB (secondary) icon sizemd.comp.fab.secondary.icon.size24dp
Large
Large tokens
TokenValue
FAB (large secondary) container shapemd.comp.fab.secondary.large.container.shape
md.sys.shape.corner.extra-largeShow reference chainHide reference chain
md.comp.fab.secondary.large.container.shape
  • md.sys.shape.corner.extra-large
Rounded Corners · DefaultSize: 28dp
Container
Container tokens
TokenValue
FAB (large secondary) container heightmd.comp.fab.secondary.large.container.height96dp
FAB (large secondary) container widthmd.comp.fab.secondary.large.container.width96dp
Icon
Icon tokens
TokenValue
FAB (large secondary) icon sizemd.comp.fab.secondary.large.icon.size36dp
Small
Small tokens
TokenValue
FAB (small secondary) container shapemd.comp.fab.secondary.small.container.shape
md.sys.shape.corner.mediumShow reference chainHide reference chain
md.comp.fab.secondary.small.container.shape
  • md.sys.shape.corner.medium
Rounded Corners · DefaultSize: 12dp
Container
Container tokens
TokenValue
FAB (small secondary) container heightmd.comp.fab.secondary.small.container.height40dp
FAB (small secondary) container widthmd.comp.fab.secondary.small.container.width40dp
Icon
Icon tokens
TokenValue
FAB (small secondary) icon sizemd.comp.fab.secondary.small.icon.size24dp
Focused
Indicator
Indicator tokens
TokenValue
FAB (secondary) focus indicator thicknessmd.comp.fab.secondary.focus.indicator.thickness
md.sys.state.focus-indicator.thicknessShow reference chainHide reference chain
md.comp.fab.secondary.focus.indicator.thickness
  • md.sys.state.focus-indicator.thickness
3dp
Outline
Outline tokens
TokenValue
FAB (secondary) focus indicator offsetmd.comp.fab.secondary.focus.indicator.outline.offset
md.sys.state.focus-indicator.outer-offsetShow reference chainHide reference chain
md.comp.fab.secondary.focus.indicator.outline.offset
  • md.sys.state.focus-indicator.outer-offset
2dp
Large
Indicator
Indicator tokens
TokenValue
FAB (large secondary) focus indicator thicknessmd.comp.fab.secondary.large.focus.indicator.thickness
md.sys.state.focus-indicator.thicknessShow reference chainHide reference chain
md.comp.fab.secondary.large.focus.indicator.thickness
  • md.sys.state.focus-indicator.thickness
3dp
Outline
Outline tokens
TokenValue
FAB (large secondary) focus indicator offsetmd.comp.fab.secondary.large.focus.indicator.outline.offset
md.sys.state.focus-indicator.outer-offsetShow reference chainHide reference chain
md.comp.fab.secondary.large.focus.indicator.outline.offset
  • md.sys.state.focus-indicator.outer-offset
2dp
Small
Indicator
Indicator tokens
TokenValue
FAB (small secondary) focus indicator thicknessmd.comp.fab.secondary.small.focus.indicator.thickness
md.sys.state.focus-indicator.thicknessShow reference chainHide reference chain
md.comp.fab.secondary.small.focus.indicator.thickness
  • md.sys.state.focus-indicator.thickness
3dp
Outline
Outline tokens
TokenValue
FAB (small secondary) focus indicator offsetmd.comp.fab.secondary.small.focus.indicator.outline.offset
md.sys.state.focus-indicator.outer-offsetShow reference chainHide reference chain
md.comp.fab.secondary.small.focus.indicator.outline.offset
  • md.sys.state.focus-indicator.outer-offset
2dp