Component

Material Design 3 standard button group tokens

Browse tokens

Token

See more values

Compare token values by selecting another context

More contexts
Platform
Motion scheme

Enabled
Large
Large tokens
TokenValue
Button group large between spacemd.comp.button-group.standard.large.between-space
md.sys.measurement.space100Show reference chainHide reference chain
md.comp.button-group.standard.large.between-space
  • md.sys.measurement.space100
8dp
Container
Container tokens
TokenValue
Button group large container heightmd.comp.button-group.standard.large.container.height96dp
Medium
Medium tokens
TokenValue
Button group medium between spacemd.comp.button-group.standard.medium.between-space
md.sys.measurement.space100Show reference chainHide reference chain
md.comp.button-group.standard.medium.between-space
  • md.sys.measurement.space100
8dp
Container
Container tokens
TokenValue
Button group medium container heightmd.comp.button-group.standard.medium.container.height56dp
Small
Small tokens
TokenValue
Button group small between spacemd.comp.button-group.standard.small.between-space
md.sys.measurement.space150Show reference chainHide reference chain
md.comp.button-group.standard.small.between-space
  • md.sys.measurement.space150
12dp
Container
Container tokens
TokenValue
Button group small container heightmd.comp.button-group.standard.small.container.height40dp
Xlarge
Xlarge tokens
TokenValue
Button group xlarge between spacemd.comp.button-group.standard.xlarge.between-space
md.sys.measurement.space100Show reference chainHide reference chain
md.comp.button-group.standard.xlarge.between-space
  • md.sys.measurement.space100
8dp
Container
Container tokens
TokenValue
Button group xlarge container heightmd.comp.button-group.standard.xlarge.container.height136dp
Xsmall
Xsmall tokens
TokenValue
Button group xsmall between spacemd.comp.button-group.standard.xsmall.between-space18dp
Container
Container tokens
TokenValue
Button group xsmall container heightmd.comp.button-group.standard.xsmall.container.height32dp
Pressed
Large
Item
Width
Width tokens
TokenValue
Button group large pressed width multipliermd.comp.button-group.standard.large.pressed.item.width.multiplier15PERCENT
Motion
Spring
Spring tokens
TokenValue
Button group large pressed motion spring dampeningmd.comp.button-group.standard.large.pressed.item.width.motion.spring.dampening
md.sys.motion.spring.fast.spatial.dampingShow reference chainHide reference chain
md.comp.button-group.standard.large.pressed.item.width.motion.spring.dampening
  • md.sys.motion.spring.fast.spatial.damping
Numeric: 0.6
Button group large pressed motion spring stiffnessmd.comp.button-group.standard.large.pressed.item.width.motion.spring.stiffness
md.sys.motion.spring.fast.spatial.stiffnessShow reference chainHide reference chain
md.comp.button-group.standard.large.pressed.item.width.motion.spring.stiffness
  • md.sys.motion.spring.fast.spatial.stiffness
Numeric: 800
Medium
Item
Width
Width tokens
TokenValue
Button group medium pressed width multipliermd.comp.button-group.standard.medium.pressed.item.width.multiplier15PERCENT
Motion
Spring
Spring tokens
TokenValue
Button group medium pressed motion spring dampeningmd.comp.button-group.standard.medium.pressed.item.width.motion.spring.dampening
md.sys.motion.spring.fast.spatial.dampingShow reference chainHide reference chain
md.comp.button-group.standard.medium.pressed.item.width.motion.spring.dampening
  • md.sys.motion.spring.fast.spatial.damping
Numeric: 0.6
Button group medium pressed motion spring stiffnessmd.comp.button-group.standard.medium.pressed.item.width.motion.spring.stiffness
md.sys.motion.spring.fast.spatial.stiffnessShow reference chainHide reference chain
md.comp.button-group.standard.medium.pressed.item.width.motion.spring.stiffness
  • md.sys.motion.spring.fast.spatial.stiffness
Numeric: 800
Small
Item
Width
Width tokens
TokenValue
Button group small pressed width multipliermd.comp.button-group.standard.small.pressed.item.width.multiplier15PERCENT
Motion
Spring
Spring tokens
TokenValue
Button group small pressed motion spring dampeningmd.comp.button-group.standard.small.pressed.item.width.motion.spring.dampening
md.sys.motion.spring.fast.spatial.dampingShow reference chainHide reference chain
md.comp.button-group.standard.small.pressed.item.width.motion.spring.dampening
  • md.sys.motion.spring.fast.spatial.damping
Numeric: 0.6
Button group small pressed motion spring stiffnessmd.comp.button-group.standard.small.pressed.item.width.motion.spring.stiffness
md.sys.motion.spring.fast.spatial.stiffnessShow reference chainHide reference chain
md.comp.button-group.standard.small.pressed.item.width.motion.spring.stiffness
  • md.sys.motion.spring.fast.spatial.stiffness
Numeric: 800
Xlarge
Item
Width
Width tokens
TokenValue
Button group xlarge pressed width multipliermd.comp.button-group.standard.xlarge.pressed.item.width.multiplier15PERCENT
Motion
Spring
Spring tokens
TokenValue
Button group xlarge pressed motion spring dampeningmd.comp.button-group.standard.xlarge.pressed.item.width.motion.spring.dampening
md.sys.motion.spring.fast.spatial.dampingShow reference chainHide reference chain
md.comp.button-group.standard.xlarge.pressed.item.width.motion.spring.dampening
  • md.sys.motion.spring.fast.spatial.damping
Numeric: 0.6
Button group xlarge pressed motion spring stiffnessmd.comp.button-group.standard.xlarge.pressed.item.width.motion.spring.stiffness
md.sys.motion.spring.fast.spatial.stiffnessShow reference chainHide reference chain
md.comp.button-group.standard.xlarge.pressed.item.width.motion.spring.stiffness
  • md.sys.motion.spring.fast.spatial.stiffness
Numeric: 800
Xsmall
Item
Width
Width tokens
TokenValue
Button group xsmall pressed width multipliermd.comp.button-group.standard.xsmall.pressed.item.width.multiplier15PERCENT
Motion
Spring
Spring tokens
TokenValue
Button group xsmall pressed motion spring dampeningmd.comp.button-group.standard.xsmall.pressed.item.width.motion.spring.dampening
md.sys.motion.spring.fast.spatial.dampingShow reference chainHide reference chain
md.comp.button-group.standard.xsmall.pressed.item.width.motion.spring.dampening
  • md.sys.motion.spring.fast.spatial.damping
Numeric: 0.6
Button group xsmall pressed motion spring stiffnessmd.comp.button-group.standard.xsmall.pressed.item.width.motion.spring.stiffness
md.sys.motion.spring.fast.spatial.stiffnessShow reference chainHide reference chain
md.comp.button-group.standard.xsmall.pressed.item.width.motion.spring.stiffness
  • md.sys.motion.spring.fast.spatial.stiffness
Numeric: 800