Component

Material Design 3 with outline carousel item tokens

Browse tokens

Token

See more values

Compare token values by selecting another context

Theme
Contrast
More contexts
Platform
Audience
What do 1P and 3P mean?

1P means first-party; 3P means third-party. We interpret 1P Baseline as the configuration for Google's own products, and 3P as the configuration for other developers.

Material supplies these audience labels but does not define them in the captured data. They are not a baseline-versus-Expressive switch.

Enabled
Enabled tokens
TokenValue
Carousel item outline colormd.comp.carousel-item.with-outline.outline.color
md.sys.color.outlineShow reference chainHide reference chain
md.comp.carousel-item.with-outline.outline.color
  • md.sys.color.outline
    • md.ref.palette.neutral-variant50
#79747E
Carousel item outline widthmd.comp.carousel-item.with-outline.outline.width1dp
Disabled
Disabled tokens
TokenValue
Carousel item disabled outline colormd.comp.carousel-item.with-outline.disabled.outline.color
md.sys.color.outlineShow reference chainHide reference chain
md.comp.carousel-item.with-outline.disabled.outline.color
  • md.sys.color.outline
    • md.ref.palette.neutral-variant50
#79747E
Carousel item disabled outline opacitymd.comp.carousel-item.with-outline.disabled.outline.opacity12%
Hovered
Hovered tokens
TokenValue
Carousel item hover outline colormd.comp.carousel-item.with-outline.hover.outline.color
md.sys.color.outlineShow reference chainHide reference chain
md.comp.carousel-item.with-outline.hover.outline.color
  • md.sys.color.outline
    • md.ref.palette.neutral-variant50
#79747E
Focused
Focused tokens
TokenValue
Carousel item focus outline colormd.comp.carousel-item.with-outline.focus.outline.color
md.sys.color.on-surfaceShow reference chainHide reference chain
md.comp.carousel-item.with-outline.focus.outline.color
  • md.sys.color.on-surface
    • md.ref.palette.neutral10
#1D1B20
Pressed
Pressed tokens
TokenValue
Carousel item pressed outline colormd.comp.carousel-item.with-outline.pressed.outline.color
md.sys.color.outlineShow reference chainHide reference chain
md.comp.carousel-item.with-outline.pressed.outline.color
  • md.sys.color.outline
    • md.ref.palette.neutral-variant50
#79747E