Component

Material Design 3 tertiary FAB tokens

Browse tokens

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