---
url: /components/divider/overview.md
description: A divider is a thin line that groups content in lists and containers.
---

# Divider

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

**Overview** · [Specs](specs.md) · [Guidelines](guidelines.md) · [Accessibility](accessibility.md)

![Divider](/assets/a7c150fd-mrolhaoy-divider.0eCi8miK.webp)

* 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](/assets/74ec73f3-lv6aebbf-1.DgKEIw1S.webp)

Dividers separating items in a list

## Availability & resources

| Type | Resource | Status |
| --- | --- | --- |
| Design | [Design Kit (Figma)](https://www.figma.com/community/file/1035203688168086460) | Available |
| Implementation | [Flutter](https://api.flutter.dev/flutter/material/Divider-class.html) | Available |
| Implementation | [Jetpack Compose](https://developer.android.com/develop/ui/compose/components/divider) | Available |
| Implementation | [Android Views (MDC-Android)](https://github.com/material-components/material-components-android/blob/master/docs/components/Divider.md) | Available |
| Implementation | [Web](https://github.com/material-components/material-web/blob/main/docs/components/divider.md) | Available |

## Differences from M2

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

![Screen shot of three dividers](/assets/5aea8367-lv6afl2u-2.raz3lvkz.webp)

Dividers have new color mappings