Component

Material Design 3 bottom sheet tokens

Browse tokens

TokenValue
Enabled
Docked
Docked tokens
TokenValue
Sheet bottom docked container shapemd.comp.sheet.bottom.docked.container.shape
md.sys.shape.corner.extra-large.topShow reference chainHide reference chain
md.comp.sheet.bottom.docked.container.shape
  • md.sys.shape.corner.extra-large.top
Rounded Corners · DefaultSize: No value specified (dp) · TopLeft: TopLeft: Unit: DIPS · Value: 28 · TopRight: TopRight: Unit: DIPS · Value: 28
Drag Handle
Drag Handle tokens
TokenValue
Sheet bottom docked drag handle heightmd.comp.sheet.bottom.docked.drag-handle.height4dp
Sheet bottom docked drag handle widthmd.comp.sheet.bottom.docked.drag-handle.width32dp
Minimized
Minimized tokens
TokenValue
Sheet bottom docked minimized container shapemd.comp.sheet.bottom.docked.minimized.container.shape
md.sys.shape.corner.noneShow reference chainHide reference chain
md.comp.sheet.bottom.docked.minimized.container.shape
  • md.sys.shape.corner.none
Rounded Corners · DefaultSize: No value specified (dp)
Focused
Indicator
Indicator tokens
TokenValue
Sheet bottom focus indicator thicknessmd.comp.sheet.bottom.focus.indicator.thickness
md.sys.state.focus-indicator.thicknessShow reference chainHide reference chain
md.comp.sheet.bottom.focus.indicator.thickness
  • md.sys.state.focus-indicator.thickness
3dp
Outline
Outline tokens
TokenValue
Sheet bottom focus indicator offsetmd.comp.sheet.bottom.focus.indicator.outline.offset
md.sys.state.focus-indicator.outer-offsetShow reference chainHide reference chain
md.comp.sheet.bottom.focus.indicator.outline.offset
  • md.sys.state.focus-indicator.outer-offset
2dp