Divider
Material Design 3 divider web component (horizontal or vertical, optionally inset).
- 913 B gzipped
- @lit-material/divider 0.0.4
- Renders on the server
Example
Divider
Full-bleed or inset, horizontal or vertical. role="separator", purely visual.
Markup
<lit-material-divider ></lit-material-divider>
Vertical, between buttons
Install
npm install @lit-material/divider @lit-material/tokensimport "@lit-material/divider";Link @lit-material/tokens/css/index.css once per page for the colour, type and shape tokens. Install guide
API
<lit-material-divider>
Material Design 3 divider — a thin line that groups or separates content, typically inside a list or between sections.
Properties
| Property | Attribute | Type | Default | Description |
|---|---|---|---|---|
orientation | orientation | DividerOrientation | "horizontal" | |
insetStart | inset-start | boolean | false | |
insetEnd | inset-end | boolean | false |