# Divider
A [divider](https://m3.material.io/components/divider) is a thin line
that groups content in lists and containers.
Dividers can reinforce tapability, such as when used to separate list items or
define tappable regions in an accordion.

* [Design article](https://m3.material.io/components/divider)
* [API Documentation](#api)
* [Source code](https://github.com/material-components/material-web/tree/main/divider)
## Usage
Use full width dividers to separate larger sections of unrelated content.

```html
Lorem ipsum... Lorem ipsum... Material 2 Material 3 Material 2 Material 3
Lorem ipsum...
Lorem ipsum...
<md-divider>
#### Properties
| Property | Attribute | Type | Default | Description |
| --- | --- | --- | --- | --- |
| `inset` | `inset` | `boolean` | `false` | Indents the divider with equal padding on both sides. |
| `insetStart` | `inset-start` | `boolean` | `false` | Indents the divider with padding on the leading side. |
| `insetEnd` | `inset-end` | `boolean` | `false` | Indents the divider with padding on the trailing side. |