Token Catalog

Material Design 3 "Button Group" tokens: All tokens

Preview

Filled
Tonal
Outlined
Elevated

Browse tokens

Token
Button group connected - Size - Large
tokens
TokenValue
Button group connected large space between buttonsmd.comp.button-group.connected.large.between-space
2dp
Button group connected large container heightmd.comp.button-group.connected.large.container.height
96dp
Button group connected large container shapemd.comp.button-group.connected.large.container.shape
Full
Button group connected large inner corner sizemd.comp.button-group.connected.large.inner-corner.corner-size
16dp
Button group connected large pressed inner corner sizemd.comp.button-group.connected.large.pressed.inner-corner.corner-size
12dp
Button group connected large selected inner corner sizemd.comp.button-group.connected.large.selected.inner-corner.corner-size
No value specified (PERCENT)
Button group connected - Size - Medium
tokens
TokenValue
Button group connected medium space between buttonsmd.comp.button-group.connected.medium.between-space
2dp
Button group connected medium container heightmd.comp.button-group.connected.medium.container.height
56dp
Button group connected medium container shapemd.comp.button-group.connected.medium.container.shape
Full
Button group connected medium inner corner sizemd.comp.button-group.connected.medium.inner-corner.corner-size
8dp
Button group connected medium pressed inner corner sizemd.comp.button-group.connected.medium.pressed.inner-corner.corner-size
4dp
Button group connected medium selected inner corner sizemd.comp.button-group.connected.medium.selected.inner-corner.corner-size
No value specified (PERCENT)
Button group connected - Size - Small
tokens
TokenValue
Button group connected small space between buttonsmd.comp.button-group.connected.small.between-space
2dp
Button group connected small container heightmd.comp.button-group.connected.small.container.height
40dp
Button group connected small container shapemd.comp.button-group.connected.small.container.shape
Full
Button group connected small inner corner sizemd.comp.button-group.connected.small.inner-corner.corner-size
8dp
Button group connected small pressed inner corner sizemd.comp.button-group.connected.small.pressed.inner-corner.corner-size
4dp
Button group connected small selected inner corner sizemd.comp.button-group.connected.small.selected.inner-corner.corner-size
No value specified (PERCENT)
Button group connected - Size - Xlarge
tokens
TokenValue
Button group connected xlarge space between buttonsmd.comp.button-group.connected.xlarge.between-space
2dp
Button group connected xlarge container heightmd.comp.button-group.connected.xlarge.container.height
136dp
Button group connected xlarge container shapemd.comp.button-group.connected.xlarge.container.shape
Full
Button group connected xlarge inner corner sizemd.comp.button-group.connected.xlarge.inner-corner.corner-size
20dp
Button group connected xlarge pressed inner corner sizemd.comp.button-group.connected.xlarge.pressed.inner-corner.corner-size
16dp
Button group connected xlarge selected inner corner sizemd.comp.button-group.connected.xlarge.selected.inner-corner.corner-size
No value specified (PERCENT)
Button group connected - Size - Xsmall
tokens
TokenValue
Button group connected xsmall space between buttonsmd.comp.button-group.connected.xsmall.between-space
2dp
Button group connected xsmall container heightmd.comp.button-group.connected.xsmall.container.height
32dp
Button group connected xsmall container shapemd.comp.button-group.connected.xsmall.container.shape
Full
Button group connected xsmall inner corner sizemd.comp.button-group.connected.xsmall.inner-corner.corner-size
8dp
Button group connected xsmall pressed inner corner sizemd.comp.button-group.connected.xsmall.pressed.inner-corner.corner-size
4dp
Button group connected xsmall selected inner corner sizemd.comp.button-group.connected.xsmall.selected.inner-corner.corner-size
No value specified (PERCENT)
Button group standard - Size - Large
tokens
TokenValue
Button group large between spacemd.comp.button-group.standard.large.between-space
8dp
Button group large container heightmd.comp.button-group.standard.large.container.height
96dp
Pressed
Pressed tokens
TokenValue
Button group large pressed motion spring dampeningmd.comp.button-group.standard.large.pressed.item.width.motion.spring.dampening
Numeric: 0.6
Button group large pressed motion spring stiffnessmd.comp.button-group.standard.large.pressed.item.width.motion.spring.stiffness
Numeric: 800
Button group large pressed width multipliermd.comp.button-group.standard.large.pressed.item.width.multiplier
No value specified (PERCENT)
Button group standard - Size - Medium
tokens
TokenValue
Button group medium between spacemd.comp.button-group.standard.medium.between-space
8dp
Button group medium container heightmd.comp.button-group.standard.medium.container.height
56dp
Pressed
Pressed tokens
TokenValue
Button group medium pressed motion spring dampeningmd.comp.button-group.standard.medium.pressed.item.width.motion.spring.dampening
Numeric: 0.6
Button group medium pressed motion spring stiffnessmd.comp.button-group.standard.medium.pressed.item.width.motion.spring.stiffness
Numeric: 800
Button group medium pressed width multipliermd.comp.button-group.standard.medium.pressed.item.width.multiplier
No value specified (PERCENT)
Button group standard - Size - Small
tokens
TokenValue
Button group small between spacemd.comp.button-group.standard.small.between-space
12dp
Button group small container heightmd.comp.button-group.standard.small.container.height
40dp
Pressed
Pressed tokens
TokenValue
Button group small pressed motion spring dampeningmd.comp.button-group.standard.small.pressed.item.width.motion.spring.dampening
Numeric: 0.6
Button group small pressed motion spring stiffnessmd.comp.button-group.standard.small.pressed.item.width.motion.spring.stiffness
Numeric: 800
Button group small pressed width multipliermd.comp.button-group.standard.small.pressed.item.width.multiplier
No value specified (PERCENT)
Button group standard - Size - Xlarge
tokens
TokenValue
Button group xlarge between spacemd.comp.button-group.standard.xlarge.between-space
8dp
Button group xlarge container heightmd.comp.button-group.standard.xlarge.container.height
136dp
Pressed
Pressed tokens
TokenValue
Button group xlarge pressed motion spring dampeningmd.comp.button-group.standard.xlarge.pressed.item.width.motion.spring.dampening
Numeric: 0.6
Button group xlarge pressed motion spring stiffnessmd.comp.button-group.standard.xlarge.pressed.item.width.motion.spring.stiffness
Numeric: 800
Button group xlarge pressed width multipliermd.comp.button-group.standard.xlarge.pressed.item.width.multiplier
No value specified (PERCENT)
Button group standard - Size - Xsmall
tokens
TokenValue
Button group xsmall between spacemd.comp.button-group.standard.xsmall.between-space
18dp
Button group xsmall container heightmd.comp.button-group.standard.xsmall.container.height
32dp
Pressed
Pressed tokens
TokenValue
Button group xsmall pressed motion spring dampeningmd.comp.button-group.standard.xsmall.pressed.item.width.motion.spring.dampening
Numeric: 0.6
Button group xsmall pressed motion spring stiffnessmd.comp.button-group.standard.xsmall.pressed.item.width.motion.spring.stiffness
Numeric: 800
Button group xsmall pressed width multipliermd.comp.button-group.standard.xsmall.pressed.item.width.multiplier
No value specified (PERCENT)