Component

Material Design 3 filled card tokens

Browse tokens

TokenValue
Enabled
Enabled tokens
TokenValue
Filled card container shapemd.comp.filled-card.container.shape
md.sys.shape.corner.mediumShow reference chainHide reference chain
md.comp.filled-card.container.shape
  • md.sys.shape.corner.medium
Rounded Corners · DefaultSize: 12dp
Icon
Icon tokens
TokenValue
Filled card icon sizemd.comp.filled-card.icon.size24dp
Focused
Indicator
Indicator tokens
TokenValue
Filled card focus indicator thicknessmd.comp.filled-card.focus.indicator.thickness
md.sys.state.focus-indicator.thicknessShow reference chainHide reference chain
md.comp.filled-card.focus.indicator.thickness
  • md.sys.state.focus-indicator.thickness
3dp
Outline
Outline tokens
TokenValue
Filled card focus indicator offsetmd.comp.filled-card.focus.indicator.outline.offset
md.sys.state.focus-indicator.outer-offsetShow reference chainHide reference chain
md.comp.filled-card.focus.indicator.outline.offset
  • md.sys.state.focus-indicator.outer-offset
2dp