Component

Material Design 3 floating toolbar tokens

Browse tokens

TokenValue
Enabled
Enabled tokens
TokenValue
Floating toolbar container shapemd.comp.toolbar.floating.container.shape
md.sys.shape.corner.fullShow reference chainHide reference chain
md.comp.toolbar.floating.container.shape
  • md.sys.shape.corner.full
Circular
Container
Container tokens
TokenValue
Floating toolbar space between actionsmd.comp.toolbar.floating.container.between-space
md.sys.measurement.space50Show reference chainHide reference chain
md.comp.toolbar.floating.container.between-space
  • md.sys.measurement.space50
4dp
Floating toolbar margin from screen edgemd.comp.toolbar.floating.container.external-padding16dp
Floating toolbar container heightmd.comp.toolbar.floating.container.height64dp
Floating toolbar leading spacemd.comp.toolbar.floating.container.leading-space
md.sys.measurement.space100Show reference chainHide reference chain
md.comp.toolbar.floating.container.leading-space
  • md.sys.measurement.space100
8dp
Floating toolbar trailing spacemd.comp.toolbar.floating.container.trailing-space
md.sys.measurement.space100Show reference chainHide reference chain
md.comp.toolbar.floating.container.trailing-space
  • md.sys.measurement.space100
8dp
Fab
Fab tokens
TokenValue
Toolbar floating FAB space between toolbar and FABmd.comp.toolbar.floating.fab.between-space
md.sys.measurement.space100Show reference chainHide reference chain
md.comp.toolbar.floating.fab.between-space
  • md.sys.measurement.space100
8dp
Toolbar floating FAB container shapemd.comp.toolbar.floating.fab.container.shape
md.sys.shape.corner.largeShow reference chainHide reference chain
md.comp.toolbar.floating.fab.container.shape
  • md.sys.shape.corner.large
Rounded Corners · DefaultSize: 16dp
Container
Container tokens
TokenValue
Toolbar floating FAB container heightmd.comp.toolbar.floating.fab.container.height56dp
Toolbar floating FAB container widthmd.comp.toolbar.floating.fab.container.width56dp
Icon
Icon tokens
TokenValue
Toolbar floating FAB icon sizemd.comp.toolbar.floating.fab.icon.size24dp
Medium
Medium tokens
TokenValue
Toolbar floating FAB medium container shapemd.comp.toolbar.floating.fab.medium.container.shape
md.sys.shape.corner.large-increasedShow reference chainHide reference chain
md.comp.toolbar.floating.fab.medium.container.shape
  • md.sys.shape.corner.large-increased
Rounded Corners · DefaultSize: 20dp
Container
Container tokens
TokenValue
Toolbar floating FAB medium container heightmd.comp.toolbar.floating.fab.medium.container.height80dp
Toolbar floating FAB medium container widthmd.comp.toolbar.floating.fab.medium.container.width80dp
Icon
Icon tokens
TokenValue
Toolbar floating FAB medium icon sizemd.comp.toolbar.floating.fab.medium.icon.size28dp
Horizontal
Container
Container tokens
TokenValue
Floating toolbar margin from screen edge - horizontalmd.comp.toolbar.floating.horizontal.container.external-space
md.sys.measurement.space200Show reference chainHide reference chain
md.comp.toolbar.floating.horizontal.container.external-space
  • md.sys.measurement.space200
16dp
Floating toolbar container height - horizontalmd.comp.toolbar.floating.horizontal.container.height64dp
Vertical
Container
Container tokens
TokenValue
Floating toolbar margin from screen edge - verticalmd.comp.toolbar.floating.vertical.container.external-space
md.sys.measurement.space300Show reference chainHide reference chain
md.comp.toolbar.floating.vertical.container.external-space
  • md.sys.measurement.space300
24dp
Floating toolbar container height - verticalmd.comp.toolbar.floating.vertical.container.width64dp