Component

Material Design 3 contained search view tokens

Browse tokens

TokenValue
Enabled
Enabled tokens
TokenValue
Search view contained leading marginmd.comp.search-view.contained.leading-margin
md.sys.measurement.space150Show reference chainHide reference chain
md.comp.search-view.contained.leading-margin
  • md.sys.measurement.space150
12dp
Search view contained trailing marginmd.comp.search-view.contained.trailing-margin
md.sys.measurement.space150Show reference chainHide reference chain
md.comp.search-view.contained.trailing-margin
  • md.sys.measurement.space150
12dp
Docked
Docked tokens
TokenValue
Search view contained docked bar shapemd.comp.search-view.contained.docked.bar.shape
md.sys.shape.corner.fullShow reference chainHide reference chain
md.comp.search-view.contained.docked.bar.shape
  • md.sys.shape.corner.full
Circular
Search view contained docked results shapemd.comp.search-view.contained.docked.results.shape
md.sys.shape.corner.mediumShow reference chainHide reference chain
md.comp.search-view.contained.docked.results.shape
  • md.sys.shape.corner.medium
Rounded Corners · DefaultSize: 12dp
Bar Results
Bar Results tokens
TokenValue
Search view contained docked bar results gapmd.comp.search-view.contained.docked.bar-results.gap
md.sys.measurement.space25Show reference chainHide reference chain
md.comp.search-view.contained.docked.bar-results.gap
  • md.sys.measurement.space25
2dp
Full Screen
Bar
Container
Container tokens
TokenValue
Search view contained full screen bar container heightmd.comp.search-view.contained.full-screen.bar.container.height56dp
Icon Label
Icon Label tokens
TokenValue
Search view contained icon label gapmd.comp.search-view.contained.icon-label.gap
md.sys.measurement.space50Show reference chainHide reference chain
md.comp.search-view.contained.icon-label.gap
  • md.sys.measurement.space50
4dp