Divider
A line between groups of content, across or upright, with an optional word such as Or in the middle.
- Divider
PreviewLink to the section Preview
Live in all three themes. Everything here is interactive.
Light theme, Divider
Above
Or
LeftRight
Dark theme, Divider
Above
Or
LeftRight
High contrast theme, Divider
Above
Or
LeftRight
UsageLink to the section Usage
import { Divider } from '@skribly/ui/surfaces'<Divider />
<Divider label="Or" />
<Divider orientation="vertical" />Every label is a prop, so the app passes its own words in its own language. See no built-in text.
AccessibilityLink to the section Accessibility
- A plain divider is a separator with its orientation.
- A labelled one reads its word as text and hides the lines.
- Lines are borders, so they stay visible in Windows high contrast.
This demo runs through axe in all three themes on every test run. See what the tests check.