Skip to content

Divider ​

A divider is a thin line that groups content in lists and containers.

Overview · Specs · Guidelines · Accessibility

Divider

  • Make dividers visible but not bold
  • Only use dividers if items can’t be grouped with open space
  • Use dividers to group things, not separate individual items

Screen shot of five stacked dividers

Dividers separating items in a list

Availability & resources ​

TypeResourceStatus
DesignDesign Kit (Figma)Available
ImplementationFlutterAvailable
ImplementationJetpack ComposeAvailable
ImplementationAndroid Views (MDC-Android)Available
ImplementationWebAvailable

Differences from M2 ​

  • Color: New color mappings and compatibility with dynamic color
  • Configurations: Ability to have vertical dividers

Screen shot of three dividers

Dividers have new color mappings

Unofficial offline mirror. Content © Google, licensed under CC BY 4.0.