Component

Material Design 3 contained search bar tokens

Browse tokens

TokenValue
Enabled
Enabled tokens
TokenValue
Search bar contained pane leading marginmd.comp.search-bar.contained.leading-margin
md.sys.measurement.space300Show reference chainHide reference chain
md.comp.search-bar.contained.leading-margin
  • md.sys.measurement.space300
24dp
Search bar contained leading spacemd.comp.search-bar.contained.leading-space
md.sys.measurement.space50Show reference chainHide reference chain
md.comp.search-bar.contained.leading-space
  • md.sys.measurement.space50
4dp
Search bar contained pane trailing marginmd.comp.search-bar.contained.trailing-margin
md.sys.measurement.space300Show reference chainHide reference chain
md.comp.search-bar.contained.trailing-margin
  • md.sys.measurement.space300
24dp
Search bar contained trailing spacemd.comp.search-bar.contained.trailing-space
md.sys.measurement.space50Show reference chainHide reference chain
md.comp.search-bar.contained.trailing-space
  • md.sys.measurement.space50
4dp
Avatar
Avatar tokens
TokenValue
Search bar contained avatar target sizemd.comp.search-bar.contained.avatar.target-size48dp
Icon Label
Icon Label tokens
TokenValue
Search bar contained icon label gapmd.comp.search-bar.contained.icon-label.gap
md.sys.measurement.space50Show reference chainHide reference chain
md.comp.search-bar.contained.icon-label.gap
  • md.sys.measurement.space50
4dp
Motion
Motion tokens
TokenValue
Search bar contained motionmd.comp.search-bar.contained.motion.spring—
No Actions
No Actions tokens
TokenValue
Search bar contained no actions leading spacemd.comp.search-bar.contained.no-actions.leading-space
md.sys.measurement.space200Show reference chainHide reference chain
md.comp.search-bar.contained.no-actions.leading-space
  • md.sys.measurement.space200
16dp
Search bar contained no actions trailing spacemd.comp.search-bar.contained.no-actions.trailing-space
md.sys.measurement.space200Show reference chainHide reference chain
md.comp.search-bar.contained.no-actions.trailing-space
  • md.sys.measurement.space200
16dp
Trailing Actions
Trailing Actions tokens
TokenValue
Search bar contained trailing actions gapmd.comp.search-bar.contained.trailing-actions.gap
md.sys.measurement.space0Show reference chainHide reference chain
md.comp.search-bar.contained.trailing-actions.gap
  • md.sys.measurement.space0
No value specified (dp)
Search bar contained trailing actions leading spacemd.comp.search-bar.contained.trailing-actions.leading-space
md.sys.measurement.space50Show reference chainHide reference chain
md.comp.search-bar.contained.trailing-actions.leading-space
  • md.sys.measurement.space50
4dp
Search bar contained trailing actions trailing spacemd.comp.search-bar.contained.trailing-actions.trailing-space
md.sys.measurement.space50Show reference chainHide reference chain
md.comp.search-bar.contained.trailing-actions.trailing-space
  • md.sys.measurement.space50
4dp