Component

Material Design 3 outlined card tokens

Browse tokens

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