Style

Material Design 3 sys tokens

Browse tokens

TokenValue
General
Corner
Corner tokens
TokenValue
Extra extra large roundingmd.sys.shape.corner.extra-extra-largeRounded Corners · DefaultSize: 48dp
Extra large roundingmd.sys.shape.corner.extra-largeRounded Corners · DefaultSize: 28dp
Extra large increased roundingmd.sys.shape.corner.extra-large-increasedRounded Corners · DefaultSize: 32dp
Extra small roundingmd.sys.shape.corner.extra-smallRounded Corners · DefaultSize: 4dp
Fully roundedmd.sys.shape.corner.fullCircular
Large roundingmd.sys.shape.corner.largeRounded Corners · DefaultSize: 16dp
Large increased roundingmd.sys.shape.corner.large-increasedRounded Corners · DefaultSize: 20dp
Medium roundingmd.sys.shape.corner.mediumRounded Corners · DefaultSize: 12dp
No roundingmd.sys.shape.corner.noneRounded Corners · DefaultSize: No value specified (dp)
Small roundingmd.sys.shape.corner.smallRounded Corners · DefaultSize: 8dp
Extra Large
Extra Large tokens
TokenValue
Extra large top roundingmd.sys.shape.corner.extra-large.topRounded Corners · DefaultSize: No value specified (dp) · TopLeft: TopLeft: Unit: DIPS · Value: 28 · TopRight: TopRight: Unit: DIPS · Value: 28
Extra Small
Extra Small tokens
TokenValue
Extra small top roundingmd.sys.shape.corner.extra-small.topRounded Corners · DefaultSize: No value specified (dp) · TopLeft: TopLeft: Unit: DIPS · Value: 4 · TopRight: TopRight: Unit: DIPS · Value: 4
Large
Large tokens
TokenValue
Large end roundingmd.sys.shape.corner.large.endRounded Corners · BottomRight: BottomRight: Unit: DIPS · Value: 16 · DefaultSize: No value specified (dp) · TopRight: TopRight: Unit: DIPS · Value: 16
Large start roundingmd.sys.shape.corner.large.startRounded Corners · BottomLeft: BottomLeft: Unit: DIPS · Value: 16 · DefaultSize: No value specified (dp) · TopLeft: TopLeft: Unit: DIPS · Value: 16
Large top roundingmd.sys.shape.corner.large.topRounded Corners · DefaultSize: No value specified (dp) · TopLeft: TopLeft: Unit: DIPS · Value: 16 · TopRight: TopRight: Unit: DIPS · Value: 16