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 |