Material Design 3 "List" tokens: All tokens
Preview
Browse tokens
Color
List - Expand
Color
| Token | Value |
|---|---|
List expand collapsed list item trailing icon container colormd.comp.list.expand.collapsed.list-item.trailing-icon.container.color | #FEF7FF md.comp.list.expand.collapsed.list-item.trailing-icon.container.color
|
List expand collapsed list item trailing icon icon colormd.comp.list.expand.collapsed.list-item.trailing-icon.icon.color | #1D1B20 md.comp.list.expand.collapsed.list-item.trailing-icon.icon.color
|
List expand expanded list item container colormd.comp.list.expand.expanded.list-item.container.color | #FEF7FF md.comp.list.expand.expanded.list-item.container.color
|
List expand expanded list item segmented container colormd.comp.list.expand.expanded.list-item.segmented.container.color | #FEF7FF md.comp.list.expand.expanded.list-item.segmented.container.color
|
List expand expanded list item trailing icon container colormd.comp.list.expand.expanded.list-item.trailing-icon.container.color | #F3EDF7 md.comp.list.expand.expanded.list-item.trailing-icon.container.color
|
List expand expanded list item trailing icon icon colormd.comp.list.expand.expanded.list-item.trailing-icon.icon.color | #1D1B20 md.comp.list.expand.expanded.list-item.trailing-icon.icon.color
|
Shape
| Token | Value |
|---|---|
List expand container shapemd.comp.list.expand.container.shape | 16dp md.comp.list.expand.container.shape
|
List expand trailing icon shapemd.comp.list.expand.trailing-icon.shape | Full md.comp.list.expand.trailing-icon.shape
|
List - Reorder
Color
| Token | Value |
|---|---|
List reorder list item container colormd.comp.list.reorder.list-item.container.color | #FFD8E4 md.comp.list.reorder.list-item.container.color
|
List reorder list item drop zone colormd.comp.list.reorder.list-item.drop-zone.color | #F7F2FA md.comp.list.reorder.list-item.drop-zone.color
|
List reorder list item label text colormd.comp.list.reorder.list-item.label-text.color | #633B48 md.comp.list.reorder.list-item.label-text.color
|
List reorder list item leading icon colormd.comp.list.reorder.list-item.leading-icon.color | #633B48 md.comp.list.reorder.list-item.leading-icon.color
|
List reorder list item overline colormd.comp.list.reorder.list-item.overline.color | #633B48 md.comp.list.reorder.list-item.overline.color
|
List reorder list item shadow colormd.comp.list.reorder.list-item.shadow-color | #000000 md.comp.list.reorder.list-item.shadow-color
|
List reorder list item state layer colormd.comp.list.reorder.list-item.state-layer.color | #633B48 md.comp.list.reorder.list-item.state-layer.color
|
List reorder list item state layer opacitymd.comp.list.reorder.list-item.state-layer.opacity | 10% md.comp.list.reorder.list-item.state-layer.opacity
|
List reorder list item supporting text colormd.comp.list.reorder.list-item.supporting-text.color | #633B48 md.comp.list.reorder.list-item.supporting-text.color
|
List reorder list item trailing icon colormd.comp.list.reorder.list-item.trailing-icon.color | #633B48 md.comp.list.reorder.list-item.trailing-icon.color
|
List reorder list item trailing supporting text colormd.comp.list.reorder.list-item.trailing-supporting-text.color | #633B48 md.comp.list.reorder.list-item.trailing-supporting-text.color
|
Shape
| Token | Value |
|---|---|
List reorder list item shapemd.comp.list.reorder.list-item.shape | 16dp md.comp.list.reorder.list-item.shape
|
List - Reveal
Color
| Token | Value |
|---|---|
List reveal list item container colormd.comp.list.reveal.list-item.container.color | #FEF7FF md.comp.list.reveal.list-item.container.color
|
Revealed icon
| Token | Value |
|---|---|
List reveal list item icon button container colormd.comp.list.reveal.list-item.icon-button.container.color | #E8DEF8 md.comp.list.reveal.list-item.icon-button.container.color
|
List reveal list item icon button focused icon colormd.comp.list.reveal.list-item.icon-button.focused.state-layer.color | #4A4458 md.comp.list.reveal.list-item.icon-button.focused.state-layer.color
|
List reveal list item icon button hovered icon colormd.comp.list.reveal.list-item.icon-button.hovered.state-layer.color | #4A4458 md.comp.list.reveal.list-item.icon-button.hovered.state-layer.color
|
List reveal list item icon button icon colormd.comp.list.reveal.list-item.icon-button.icon.color | #4A4458 md.comp.list.reveal.list-item.icon-button.icon.color
|
List reveal list item icon button pressed icon colormd.comp.list.reveal.list-item.icon-button.pressed.state-layer.color | #4A4458 md.comp.list.reveal.list-item.icon-button.pressed.state-layer.color
|
Swipe action
| Token | Value |
|---|---|
List reveal list item action icon button container colormd.comp.list.reveal.list-item.action.icon-button.container.color | #6750A4 md.comp.list.reveal.list-item.action.icon-button.container.color
|
List reveal list item action icon button focused icon colormd.comp.list.reveal.list-item.action.icon-button.focused.state-layer.color | #FFFFFF md.comp.list.reveal.list-item.action.icon-button.focused.state-layer.color
|
List reveal list item action icon button hovered icon colormd.comp.list.reveal.list-item.action.icon-button.hovered.state-layer.color | #FFFFFF md.comp.list.reveal.list-item.action.icon-button.hovered.state-layer.color
|
List reveal list item action icon button icon colormd.comp.list.reveal.list-item.action.icon-button.icon.color | #FFFFFF md.comp.list.reveal.list-item.action.icon-button.icon.color
|
List reveal list item action icon button pressed icon colormd.comp.list.reveal.list-item.action.icon-button.pressed.state-layer.color | #FFFFFF md.comp.list.reveal.list-item.action.icon-button.pressed.state-layer.color
|
Shape
| Token | Value |
|---|---|
List reveal list item container shapemd.comp.list.reveal.list-item.container.shape | 16dp md.comp.list.reveal.list-item.container.shape
|
List reveal list item icon button action container shapemd.comp.list.reveal.list-item.icon-button.action.container.shape | 16dp md.comp.list.reveal.list-item.icon-button.action.container.shape
|
List reveal list item icon button container shapemd.comp.list.reveal.list-item.icon-button.container.shape | Full md.comp.list.reveal.list-item.icon-button.container.shape
|
List reveal list item segmented container shapemd.comp.list.reveal.list-item.segmented.container.shape | 16dp md.comp.list.reveal.list-item.segmented.container.shape
|
List - Common
Color
Enabled
| Token | Value |
|---|---|
List list item divider colormd.comp.list.divider.color | #79747E md.comp.list.divider.color
|
List list item divider heightmd.comp.list.divider.height | 1dp md.comp.list.divider.height |
List list item container colormd.comp.list.list-item.container.color | #FEF7FF md.comp.list.list-item.container.color
|
List list item container elevationmd.comp.list.list-item.container.elevation | 0dp md.comp.list.list-item.container.elevation
|
List list item container heightmd.comp.list.list-item.container.height | 56dp md.comp.list.list-item.container.height |
List list item label text colormd.comp.list.list-item.label-text.color | #1D1B20 md.comp.list.list-item.label-text.color
|
List list item leading avatar label colormd.comp.list.list-item.leading-avatar-label.color | #4F378B md.comp.list.list-item.leading-avatar-label.color
|
List list item leading avatar colormd.comp.list.list-item.leading-avatar.color | #EADDFF md.comp.list.list-item.leading-avatar.color
|
List list item leading icon colormd.comp.list.list-item.leading-icon.color | #49454F md.comp.list.list-item.leading-icon.color
|
List list item overline colormd.comp.list.list-item.overline.color | #49454F md.comp.list.list-item.overline.color
|
List list item segmented container colormd.comp.list.list-item.segmented.container.color | #FEF7FF md.comp.list.list-item.segmented.container.color
|
List list item supporting text colormd.comp.list.list-item.supporting-text.color | #49454F md.comp.list.list-item.supporting-text.color
|
List list item trailing icon colormd.comp.list.list-item.trailing-icon.color | #49454F md.comp.list.list-item.trailing-icon.color
|
List list item trailing supporting text colormd.comp.list.list-item.trailing-supporting-text.color | #49454F md.comp.list.list-item.trailing-supporting-text.color
|
List list item unselected trailing icon colormd.comp.list.list-item.unselected.trailing-icon.color | #1D1B20 md.comp.list.list-item.unselected.trailing-icon.color
|
One line list item container heightmd.comp.list.md.comp.list.list-item.one-line.container.height | 56dp md.comp.list.md.comp.list.list-item.one-line.container.height |
Three lines list item container heightmd.comp.list.md.comp.list.list-item.three-line.container.height | 88dp md.comp.list.md.comp.list.list-item.three-line.container.height |
Two lines list item container heightmd.comp.list.md.comp.list.list-item.two-line.container.height | 72dp md.comp.list.md.comp.list.list-item.two-line.container.height |
Enabled - Selected
| Token | Value |
|---|---|
List list item selected container colormd.comp.list.list-item.selected.container.color | #E8DEF8 md.comp.list.list-item.selected.container.color
|
List list item selected label text colormd.comp.list.list-item.selected.label-text.color | #4A4458 md.comp.list.list-item.selected.label-text.color
|
List list item selected leading icon colormd.comp.list.list-item.selected.leading-icon.color | #4A4458 md.comp.list.list-item.selected.leading-icon.color
|
List list item selected overline colormd.comp.list.list-item.selected.overline.color | #4A4458 md.comp.list.list-item.selected.overline.color
|
List list item selected supporting text colormd.comp.list.list-item.selected.supporting-text.color | #4A4458 md.comp.list.list-item.selected.supporting-text.color
|
List list item selected trailing icon colormd.comp.list.list-item.selected.trailing-icon.color | #4A4458 md.comp.list.list-item.selected.trailing-icon.color
|
List list item selected trailing supporting text colormd.comp.list.list-item.selected.trailing-supporting-text.color | #4A4458 md.comp.list.list-item.selected.trailing-supporting-text.color
|
Disabled
| Token | Value |
|---|---|
List list item disabled label text colormd.comp.list.list-item.disabled.label-text.color | #1D1B20 md.comp.list.list-item.disabled.label-text.color
|
List list item disabled label text opacitymd.comp.list.list-item.disabled.label-text.opacity | 38% md.comp.list.list-item.disabled.label-text.opacity |
List list item disabled leading icon colormd.comp.list.list-item.disabled.leading-icon.color | #1D1B20 md.comp.list.list-item.disabled.leading-icon.color
|
List list item disabled leading icon opacitymd.comp.list.list-item.disabled.leading-icon.opacity | 38% md.comp.list.list-item.disabled.leading-icon.opacity |
List list item disabled overline colormd.comp.list.list-item.disabled.overline.color | #1D1B20 md.comp.list.list-item.disabled.overline.color
|
List list item disabled overline opacitymd.comp.list.list-item.disabled.overline.opacity | 38% md.comp.list.list-item.disabled.overline.opacity |
List list item disabled state layer colormd.comp.list.list-item.disabled.state-layer.color | #1D1B20 md.comp.list.list-item.disabled.state-layer.color
|
List list item disabled state layer opacitymd.comp.list.list-item.disabled.state-layer.opacity | 10% md.comp.list.list-item.disabled.state-layer.opacity |
List list item disabled supporting text colormd.comp.list.list-item.disabled.supporting-text.color | #1D1B20 md.comp.list.list-item.disabled.supporting-text.color
|
List list item disabled supporting text opacitymd.comp.list.list-item.disabled.supporting-text.opacity | 38% md.comp.list.list-item.disabled.supporting-text.opacity |
List list item disabled trailing icon colormd.comp.list.list-item.disabled.trailing-icon.color | #1D1B20 md.comp.list.list-item.disabled.trailing-icon.color
|
List list item disabled trailing icon opacitymd.comp.list.list-item.disabled.trailing-icon.opacity | 38% md.comp.list.list-item.disabled.trailing-icon.opacity |
Disabled - Selected
| Token | Value |
|---|---|
List list item selected disabled container colormd.comp.list.list-item.selected.disabled.container.color | #1D1B20 md.comp.list.list-item.selected.disabled.container.color
|
List list item selected disabled container opacitymd.comp.list.list-item.selected.disabled.container.opacity | 38% md.comp.list.list-item.selected.disabled.container.opacity |
List list item selected disabled label text colormd.comp.list.list-item.selected.disabled.label-text.color | #1D1B20 md.comp.list.list-item.selected.disabled.label-text.color
|
List list item selected disabled label text opacitymd.comp.list.list-item.selected.disabled.label-text.opacity | 38% md.comp.list.list-item.selected.disabled.label-text.opacity |
List list item selected disabled leading icon colormd.comp.list.list-item.selected.disabled.leading-icon.color | #1D1B20 md.comp.list.list-item.selected.disabled.leading-icon.color
|
List list item selected disabled leading icon opacitymd.comp.list.list-item.selected.disabled.leading-icon.opacity | 38% md.comp.list.list-item.selected.disabled.leading-icon.opacity |
List list item selected disabled overline colormd.comp.list.list-item.selected.disabled.overline.color | #1D1B20 md.comp.list.list-item.selected.disabled.overline.color
|
List list item selected disabled overline opacitymd.comp.list.list-item.selected.disabled.overline.opacity | 38% md.comp.list.list-item.selected.disabled.overline.opacity |
List list item selected disabled state layer colormd.comp.list.list-item.selected.disabled.state-layer.color | #1D1B20 md.comp.list.list-item.selected.disabled.state-layer.color
|
List list item selected disabled state layer opacitymd.comp.list.list-item.selected.disabled.state-layer.opacity | 10% md.comp.list.list-item.selected.disabled.state-layer.opacity |
List list item selected disabled supporting text colormd.comp.list.list-item.selected.disabled.supporting-text.color | #1D1B20 md.comp.list.list-item.selected.disabled.supporting-text.color
|
List list item selected disabled supporting text opacitymd.comp.list.list-item.selected.disabled.supporting-text.opacity | 38% md.comp.list.list-item.selected.disabled.supporting-text.opacity |
List list item selected disabled trailing icon colormd.comp.list.list-item.selected.disabled.trailing-icon.color | #1D1B20 md.comp.list.list-item.selected.disabled.trailing-icon.color
|
List list item selected disabled trailing icon opacitymd.comp.list.list-item.selected.disabled.trailing-icon.opacity | 38% md.comp.list.list-item.selected.disabled.trailing-icon.opacity |
List list item selected disabled trailing supporting text colormd.comp.list.list-item.selected.disabled.trailing-supporting-text.color | #1D1B20 md.comp.list.list-item.selected.disabled.trailing-supporting-text.color
|
List list item selected disabled trailing supporting text opacitymd.comp.list.list-item.selected.disabled.trailing-supporting-text.opacity | 38% md.comp.list.list-item.selected.disabled.trailing-supporting-text.opacity |
Hovered
| Token | Value |
|---|---|
List list item hover label text colormd.comp.list.list-item.hover.label-text.color | #1D1B20 md.comp.list.list-item.hover.label-text.color
|
List list item hover leading icon colormd.comp.list.list-item.hover.leading-icon.icon.color | #49454F md.comp.list.list-item.hover.leading-icon.icon.color
|
List list item hover state layer colormd.comp.list.list-item.hover.state-layer.color | #1D1B20 md.comp.list.list-item.hover.state-layer.color
|
List list item hover state layer opacitymd.comp.list.list-item.hover.state-layer.opacity | 8% md.comp.list.list-item.hover.state-layer.opacity
|
List list item hover trailing icon colormd.comp.list.list-item.hover.trailing-icon.icon.color | #49454F md.comp.list.list-item.hover.trailing-icon.icon.color
|
Hovered - Selected
| Token | Value |
|---|---|
List list item selected hover label text colormd.comp.list.list-item.selected.hover.label-text.color | #4A4458 md.comp.list.list-item.selected.hover.label-text.color
|
List list item selected hover leading icon colormd.comp.list.list-item.selected.hover.leading-icon.color | #1D1B20 md.comp.list.list-item.selected.hover.leading-icon.color
|
List list item selected hover state layer colormd.comp.list.list-item.selected.hover.state-layer.color | #1D1B20 md.comp.list.list-item.selected.hover.state-layer.color
|
List list item selected hover state layer opacitymd.comp.list.list-item.selected.hover.state-layer.opacity | 8% md.comp.list.list-item.selected.hover.state-layer.opacity
|
List list item selected hover trailing icon colormd.comp.list.list-item.selected.hover.trailing-icon.color | #1D1B20 md.comp.list.list-item.selected.hover.trailing-icon.color
|
Focused
| Token | Value |
|---|---|
List list item focus label text colormd.comp.list.list-item.focus.label-text.color | #1D1B20 md.comp.list.list-item.focus.label-text.color
|
List list item focus leading icon colormd.comp.list.list-item.focus.leading-icon.icon.color | #49454F md.comp.list.list-item.focus.leading-icon.icon.color
|
List list item focus state layer colormd.comp.list.list-item.focus.state-layer.color | #1D1B20 md.comp.list.list-item.focus.state-layer.color
|
List list item focus state layer opacitymd.comp.list.list-item.focus.state-layer.opacity | 10% md.comp.list.list-item.focus.state-layer.opacity
|
List list item focus trailing icon colormd.comp.list.list-item.focus.trailing-icon.icon.color | #49454F md.comp.list.list-item.focus.trailing-icon.icon.color
|
Focus indicator
| Token | Value |
|---|---|
List list item focus indicator colormd.comp.list.focus.indicator.color | #625B71 md.comp.list.focus.indicator.color
|
List list item focus indicator offsetmd.comp.list.focus.indicator.outline.offset | -3dp md.comp.list.focus.indicator.outline.offset
|
List list item focus indicator thicknessmd.comp.list.focus.indicator.thickness | 3dp md.comp.list.focus.indicator.thickness
|
Focused - Selected
| Token | Value |
|---|---|
List list item selected focus label text colormd.comp.list.list-item.selected.focus.label-text.color | #4A4458 md.comp.list.list-item.selected.focus.label-text.color
|
List list item selected focus leading icon colormd.comp.list.list-item.selected.focus.leading-icon.color | #1D1B20 md.comp.list.list-item.selected.focus.leading-icon.color
|
List list item selected focus state layer colormd.comp.list.list-item.selected.focus.state-layer.color | #1D1B20 md.comp.list.list-item.selected.focus.state-layer.color
|
List list item selected focus state layer opacitymd.comp.list.list-item.selected.focus.state-layer.opacity | 10% md.comp.list.list-item.selected.focus.state-layer.opacity
|
List list item selected focus trailing icon colormd.comp.list.list-item.selected.focus.trailing-icon.color | #1D1B20 md.comp.list.list-item.selected.focus.trailing-icon.color
|
Pressed (ripple)
| Token | Value |
|---|---|
List list item pressed label text colormd.comp.list.list-item.pressed.label-text.color | #1D1B20 md.comp.list.list-item.pressed.label-text.color
|
List list item pressed leading icon colormd.comp.list.list-item.pressed.leading-icon.icon.color | #49454F md.comp.list.list-item.pressed.leading-icon.icon.color
|
List list item pressed state layer colormd.comp.list.list-item.pressed.state-layer.color | #1D1B20 md.comp.list.list-item.pressed.state-layer.color
|
List list item pressed state layer opacitymd.comp.list.list-item.pressed.state-layer.opacity | 10% md.comp.list.list-item.pressed.state-layer.opacity
|
List list item pressed trailing icon colormd.comp.list.list-item.pressed.trailing-icon.icon.color | #49454F md.comp.list.list-item.pressed.trailing-icon.icon.color
|
Pressed - Selected
| Token | Value |
|---|---|
List list item selected pressed label text colormd.comp.list.list-item.selected.pressed.label-text.color | #4A4458 md.comp.list.list-item.selected.pressed.label-text.color
|
List list item selected pressed leading icon colormd.comp.list.list-item.selected.pressed.leading-icon.color | #1D1B20 md.comp.list.list-item.selected.pressed.leading-icon.color
|
List list item selected pressed state layer colormd.comp.list.list-item.selected.pressed.state-layer.color | #1D1B20 md.comp.list.list-item.selected.pressed.state-layer.color
|
List list item selected pressed state layer opacitymd.comp.list.list-item.selected.pressed.state-layer.opacity | 10% md.comp.list.list-item.selected.pressed.state-layer.opacity
|
List list item selected pressed trailing icon colormd.comp.list.list-item.selected.pressed.trailing-icon.color | #1D1B20 md.comp.list.list-item.selected.pressed.trailing-icon.color
|
Dragged (baseline only)
| Token | Value |
|---|---|
List list item dragged container colormd.comp.list.list-item.dragged.container.elevation | 8dp md.comp.list.list-item.dragged.container.elevation
|
List list item dragged label text colormd.comp.list.list-item.dragged.label-text.color | #1D1B20 md.comp.list.list-item.dragged.label-text.color
|
List list item dragged leading icon colormd.comp.list.list-item.dragged.leading-icon.icon.color | #49454F md.comp.list.list-item.dragged.leading-icon.icon.color
|
List list item dragged state layer colormd.comp.list.list-item.dragged.state-layer.color | #1D1B20 md.comp.list.list-item.dragged.state-layer.color
|
List list item dragged state layer opacitymd.comp.list.list-item.dragged.state-layer.opacity | 16% md.comp.list.list-item.dragged.state-layer.opacity
|
List list item dragged trailing icon colormd.comp.list.list-item.dragged.trailing-icon.icon.color | #49454F md.comp.list.list-item.dragged.trailing-icon.icon.color
|
List list item selected dragged label text colormd.comp.list.list-item.selected.dragged.label-text.color | #4A4458 md.comp.list.list-item.selected.dragged.label-text.color
|
List list item selected dragged leading icon colormd.comp.list.list-item.selected.dragged.leading-icon.color | #1D1B20 md.comp.list.list-item.selected.dragged.leading-icon.color
|
List list item selected dragged state layer colormd.comp.list.list-item.selected.dragged.state-layer.color | #1D1B20 md.comp.list.list-item.selected.dragged.state-layer.color
|
List list item selected dragged state layer opacitymd.comp.list.list-item.selected.dragged.state-layer.opacity | 16% md.comp.list.list-item.selected.dragged.state-layer.opacity
|
List list item selected dragged trailing icon colormd.comp.list.list-item.selected.dragged.trailing-icon.color | #1D1B20 md.comp.list.list-item.selected.dragged.trailing-icon.color
|
Spacing
| Token | Value |
|---|---|
List list item divider bottom spacemd.comp.list.divider.bottom-space | 0dp md.comp.list.divider.bottom-space
|
List list item divider leading spacemd.comp.list.divider.leading-space | 16dp md.comp.list.divider.leading-space
|
List list item divider top spacemd.comp.list.divider.top-space | 0dp md.comp.list.divider.top-space
|
List list item divider trailing spacemd.comp.list.divider.trailing-space | 16dp md.comp.list.divider.trailing-space
|
List list item between spacemd.comp.list.list-item.between-space | 12dp md.comp.list.list-item.between-space
|
List list item bottom spacemd.comp.list.list-item.bottom-space | 10dp md.comp.list.list-item.bottom-space
|
List list item leading spacemd.comp.list.list-item.leading-space | 16dp md.comp.list.list-item.leading-space
|
List list item top spacemd.comp.list.list-item.top-space | 10dp md.comp.list.list-item.top-space
|
List list item trailing spacemd.comp.list.list-item.trailing-space | 16dp md.comp.list.list-item.trailing-space
|
List segment gapmd.comp.list.segmented.gap | 2dp md.comp.list.segmented.gap
|
Shape
| Token | Value |
|---|---|
List container shapemd.comp.list.container.shape | 16dp md.comp.list.container.shape
|
List list item container expressive shapemd.comp.list.list-item.container.expressive.shape | 4dp md.comp.list.list-item.container.expressive.shape
|
List list item container shapemd.comp.list.list-item.container.shape | 0dp md.comp.list.list-item.container.shape
|
List list item container disabled expressive shapemd.comp.list.list-item.disabled.container.expressive.shape | 4dp md.comp.list.list-item.disabled.container.expressive.shape
|
List list item container dragged expressive shapemd.comp.list.list-item.dragged.container.expressive.shape | 16dp md.comp.list.list-item.dragged.container.expressive.shape
|
List list item container focused expressive shapemd.comp.list.list-item.focused.container.expressive.shape | 16dp md.comp.list.list-item.focused.container.expressive.shape
|
List list item container hovered expressive shapemd.comp.list.list-item.hovered.container.expressive.shape | 12dp md.comp.list.list-item.hovered.container.expressive.shape
|
List list item leading avatar shapemd.comp.list.list-item.leading-avatar.shape | Full md.comp.list.list-item.leading-avatar.shape
|
List list item leading image expressive shapemd.comp.list.list-item.leading-image.expressive.shape | 8dp md.comp.list.list-item.leading-image.expressive.shape
|
List list item leading image shapemd.comp.list.list-item.leading-image.shape | 0dp md.comp.list.list-item.leading-image.shape
|
List list item leading video shapemd.comp.list.list-item.leading-video.shape | 8dp md.comp.list.list-item.leading-video.shape
|
List list item container pressed expressive shapemd.comp.list.list-item.pressed.container.expressive.shape | 16dp md.comp.list.list-item.pressed.container.expressive.shape
|
List list item container selected expressive shapemd.comp.list.list-item.selected.container.expressive.shape | 16dp md.comp.list.list-item.selected.container.expressive.shape
|
List list item selected container shapemd.comp.list.list-item.selected.container.shape | 16dp md.comp.list.list-item.selected.container.shape
|
List list item container selected disabled expressive shapemd.comp.list.list-item.selected.disabled.container.expressive.shape | 16dp md.comp.list.list-item.selected.disabled.container.expressive.shape
|
List list item container selected dragged expressive shapemd.comp.list.list-item.selected.dragged.container.expressive.shape | 16dp md.comp.list.list-item.selected.dragged.container.expressive.shape
|
List list item container selected focsued expressive shapemd.comp.list.list-item.selected.focused.container.expressive.shape | 16dp md.comp.list.list-item.selected.focused.container.expressive.shape
|
List list item container selected hovered expressive shapemd.comp.list.list-item.selected.hovered.container.expressive.shape | 16dp md.comp.list.list-item.selected.hovered.container.expressive.shape
|
List list item container selected pressed expressive shapemd.comp.list.list-item.selected.pressed.container.expressive.shape | 16dp md.comp.list.list-item.selected.pressed.container.expressive.shape
|
Size and typography
| Token | Value |
|---|---|
List list item label text fontmd.comp.list.list-item.label-text.font | Roboto md.comp.list.list-item.label-text.font
|
List list item label text line heightmd.comp.list.list-item.label-text.line-height | 24pt md.comp.list.list-item.label-text.line-height
|
List list item label text sizemd.comp.list.list-item.label-text.size | 16pt md.comp.list.list-item.label-text.size
|
List list item label text trackingmd.comp.list.list-item.label-text.tracking | 0.5pt md.comp.list.list-item.label-text.tracking
|
List list item label text typemd.comp.list.list-item.label-text.type | Roboto · 16pt · weight 400 · line height 24pt · tracking 0.5pt md.comp.list.list-item.label-text.type
|
List list item label text weightmd.comp.list.list-item.label-text.weight | 400 md.comp.list.list-item.label-text.weight
|
List list item large leading video heightmd.comp.list.list-item.large.leading-video.height | 64dp md.comp.list.list-item.large.leading-video.height |
List list item large leading video widthmd.comp.list.list-item.large.leading-video.width | 114dp md.comp.list.list-item.large.leading-video.width |
List list item leading avatar label fontmd.comp.list.list-item.leading-avatar-label.font | Roboto md.comp.list.list-item.leading-avatar-label.font
|
List list item leading avatar label line heightmd.comp.list.list-item.leading-avatar-label.line-height | 24pt md.comp.list.list-item.leading-avatar-label.line-height
|
List list item leading avatar label sizemd.comp.list.list-item.leading-avatar-label.size | 16pt md.comp.list.list-item.leading-avatar-label.size
|
List list item leading avatar label trackingmd.comp.list.list-item.leading-avatar-label.tracking | 0.15pt md.comp.list.list-item.leading-avatar-label.tracking
|
List list item leading avatar label typemd.comp.list.list-item.leading-avatar-label.type | Roboto · 16pt · weight 500 · line height 24pt · tracking 0.15pt md.comp.list.list-item.leading-avatar-label.type
|
List list item leading avatar label weightmd.comp.list.list-item.leading-avatar-label.weight | 500 md.comp.list.list-item.leading-avatar-label.weight
|
List list item leading avatar sizemd.comp.list.list-item.leading-avatar.size | 40dp md.comp.list.list-item.leading-avatar.size |
List list item leading icon expressive sizemd.comp.list.list-item.leading-icon.expressive.size | 20dp md.comp.list.list-item.leading-icon.expressive.size |
List list item leading icon sizemd.comp.list.list-item.leading-icon.size | 24dp md.comp.list.list-item.leading-icon.size |
List list item leading image heightmd.comp.list.list-item.leading-image.height | 56dp md.comp.list.list-item.leading-image.height |
List list item leading image widthmd.comp.list.list-item.leading-image.width | 56dp md.comp.list.list-item.leading-image.width |
List list item leading video widthmd.comp.list.list-item.leading-video.width | 100dp md.comp.list.list-item.leading-video.width |
One line list item container heightmd.comp.list.list-item.one-line.container.height | 56dp md.comp.list.list-item.one-line.container.height |
List list item overline fontmd.comp.list.list-item.overline.font | Roboto md.comp.list.list-item.overline.font
|
List list item overline line heightmd.comp.list.list-item.overline.line-height | 16pt md.comp.list.list-item.overline.line-height
|
List list item overline sizemd.comp.list.list-item.overline.size | 11pt md.comp.list.list-item.overline.size
|
List list item overline trackingmd.comp.list.list-item.overline.tracking | 0.5pt md.comp.list.list-item.overline.tracking
|
List list item overline typemd.comp.list.list-item.overline.type | Roboto · 11pt · weight 500 · line height 16pt · tracking 0.5pt md.comp.list.list-item.overline.type
|
List list item overline weightmd.comp.list.list-item.overline.weight | 500 md.comp.list.list-item.overline.weight
|
List list item small leading video heightmd.comp.list.list-item.small.leading-video.height | 56dp md.comp.list.list-item.small.leading-video.height |
List list item small leading video widthmd.comp.list.list-item.small.leading-video.width | 100dp md.comp.list.list-item.small.leading-video.width |
List list item supporting text fontmd.comp.list.list-item.supporting-text.font | Roboto md.comp.list.list-item.supporting-text.font
|
List list item supporting text line heightmd.comp.list.list-item.supporting-text.line-height | 20pt md.comp.list.list-item.supporting-text.line-height
|
List list item supporting text sizemd.comp.list.list-item.supporting-text.size | 14pt md.comp.list.list-item.supporting-text.size
|
List list item supporting text trackingmd.comp.list.list-item.supporting-text.tracking | 0.25pt md.comp.list.list-item.supporting-text.tracking
|
List list item supporting text typemd.comp.list.list-item.supporting-text.type | Roboto · 14pt · weight 400 · line height 20pt · tracking 0.25pt md.comp.list.list-item.supporting-text.type
|
List list item supporting text weightmd.comp.list.list-item.supporting-text.weight | 400 md.comp.list.list-item.supporting-text.weight
|
Three lines list item container heightmd.comp.list.list-item.three-line.container.height | 88dp md.comp.list.list-item.three-line.container.height |
List list item trailing icon expressive sizemd.comp.list.list-item.trailing-icon.expressive.size | 20dp md.comp.list.list-item.trailing-icon.expressive.size |
List list item trailing icon sizemd.comp.list.list-item.trailing-icon.size | 24dp md.comp.list.list-item.trailing-icon.size |
List list item trailing supporting text fontmd.comp.list.list-item.trailing-supporting-text.font | Roboto md.comp.list.list-item.trailing-supporting-text.font
|
List list item trailing supporting text line heightmd.comp.list.list-item.trailing-supporting-text.line-height | 16pt md.comp.list.list-item.trailing-supporting-text.line-height
|
List list item trailing supporting text sizemd.comp.list.list-item.trailing-supporting-text.size | 11pt md.comp.list.list-item.trailing-supporting-text.size
|
List list item trailing supporting text trackingmd.comp.list.list-item.trailing-supporting-text.tracking | 0.5pt md.comp.list.list-item.trailing-supporting-text.tracking
|
List list item trailing supporting text typemd.comp.list.list-item.trailing-supporting-text.type | Roboto · 11pt · weight 500 · line height 16pt · tracking 0.5pt md.comp.list.list-item.trailing-supporting-text.type
|
List list item trailing supporting text weightmd.comp.list.list-item.trailing-supporting-text.weight | 500 md.comp.list.list-item.trailing-supporting-text.weight
|
Two lines list item container heightmd.comp.list.list-item.two-line.container.height | 72dp md.comp.list.list-item.two-line.container.height |