Primitives
Separator
One theme-coloured rule between regions
Orientation
AccountSign-in details
LeftRight
A centred caption
Sign in with email
or
Sign in with passkeyUsage
import { Separator, Stack, Text } from "@gpuixui/primitives";
<Stack direction="column" gap="md">
<Text role="h3">Account</Text>
<Separator orientation="horizontal" />
<Text role="body">Profile and sign-in details.</Text>
</Stack>;API
| Prop | Type | Default | Consequence |
|---|---|---|---|
orientation | "horizontal" | "vertical" | required | which way the rule runs; a stored name this release does not carry draws the horizontal rule — read raw, it drew a vertical hairline while keeping the caption row |
inset | spacing step | none | margin at both ends, from spacing |
label | string | none | a centred caption; ignored for vertical rules, and a blank or whitespace-only caption is no caption (it would paint a full blank line) |
className | string | — | a Tailwind class string, joined after the recipe so it wins conflicts |
style | StyleDesc | — | merged last |
testId | string | — | stable locator |
Edit this page on GitHubpackages/primitives/docs/separator.mdx