npx shadcn add @cids/dividerNone.
This component declares no motion.
Brand chip remounts on tap · highlighted tokens are named in this component's doc · spring is budgeted to human feedback only.
import { Divider } from "@/design-system";
<Divider />
<Divider orientation="vertical" className="mx-2" />Resolves in the active theme — flip the toggle above to verify.
--outline-variantParsed from the doc. Interact with the live demo for hover/active.
Hairline rule on the outline-variant token.
----------- horizontal (h-px) | vertical (w-px, self-stretch)
| Prop | Type | Default | Notes | |
|---|---|---|---|---|
orientation | "horizontal" | "vertical"` | "horizontal" | Sets aria-orientation. |
className | string | -- | cn-merged. |
None.
role="separator" + aria-orientation -- announced as a boundary, not content.Self-contained: copy the folder into any Tailwind+React app, or use the install command above. Docs and this page render the same file on disk — they cannot drift.