imitation
Divider
A rule between content, plain or with a label.
RulesPlain and labelled
Harbour rebrand: identity
Harbour rebrand: launch kit
Or
Depot signage
Maya
Jonas
Priya
Done
In context
Sign inA labelled divider between two ways to continue
Join Tideline
Sign in as Maya Chen to open Harbour rebrand.
Or
Ask a teammate for an invite link.
Props
| Prop | Type | Required | Default |
|---|---|---|---|
orientation | "horizontal" | "vertical" | undefined | No | horizontal |
className | string | undefined | No | — |
Accessibility
role="separator". Horizontal is the default orientation, so aria-orientation is only set for orientation="vertical".
data-rebar-* attributes
data-rebar-component="divider"; data-rebar-part="line" | "text" on the labelled variant's two line segments and label.
Migrating to Ant Design
AntD's Divider takes the same orientation values and inline text children. Not yet codemod-covered, but a close, low-risk rename.