Component

Material Design 3 active slider tokens

Browse tokens

TokenValue
Enabled
Enabled tokens
TokenValue
Slider active handle shapemd.comp.slider.active.handle.shape
md.sys.shape.corner.fullShow reference chainHide reference chain
md.comp.slider.active.handle.shape
  • md.sys.shape.corner.full
Circular
Slider active track shapemd.comp.slider.active.track.shape
md.sys.shape.corner.fullShow reference chainHide reference chain
md.comp.slider.active.track.shape
  • md.sys.shape.corner.full
Circular
Handle
Handle tokens
TokenValue
Slider active handle heightmd.comp.slider.active.handle.height44dp
Slider active handle leading spacemd.comp.slider.active.handle.leading-space
md.sys.measurement.space75Show reference chainHide reference chain
md.comp.slider.active.handle.leading-space
  • md.sys.measurement.space75
6dp
Slider active handle paddingmd.comp.slider.active.handle.padding
md.sys.measurement.space75Show reference chainHide reference chain
md.comp.slider.active.handle.padding
  • md.sys.measurement.space75
6dp
Slider active handle trailing spacemd.comp.slider.active.handle.trailing-space
md.sys.measurement.space75Show reference chainHide reference chain
md.comp.slider.active.handle.trailing-space
  • md.sys.measurement.space75
6dp
Slider active handle widthmd.comp.slider.active.handle.width4dp
Track
Track tokens
TokenValue
Slider active track heightmd.comp.slider.active.track.height16dp
Inner Corner
Inner Corner tokens
TokenValue
Slider active track inner corner sizemd.comp.slider.active.track.inner-corner.corner-sizeRounded Corners · BottomRight: BottomRight: Unit: DIPS · Value: 2 · TopRight: TopRight: Unit: DIPS · Value: 2
Outer Corner
Outer Corner tokens
TokenValue
Slider active track outer corner sizemd.comp.slider.active.track.outer-corner.corner-size
md.sys.shape.corner.fullShow reference chainHide reference chain
md.comp.slider.active.track.outer-corner.corner-size
  • md.sys.shape.corner.full
Circular