Divider
A line between groups of content.
The frame above shows the real web components, in the mode this site is in.
The design preview shows it next to every other web component.
When to use it
Section titled “When to use it”- It is decorative, so it uses the low-contrast border color. Use it between the rows of a list.
Example
Section titled “Example”import { Divider } from "@acme/ui";
<Divider />Source
Section titled “Source”| Platform | File |
|---|---|
| Web (React) | packages/ui/src/Divider.tsx |
| Desktop (GPUI) | crates/acme-ui/src/components.rs |
| React Native | packages/ui-native/src/Card.tsx |
| Compose Multiplatform | kotlin/ui/src/commonMain/kotlin/acme/ui/Card.kt |