Separator
Horizontal or vertical divider.
import { Separator } from '@ybouhjira/hyperkit';#Playground
Edit the code — the preview recompiles and re-renders as you type.
Loading preview…
#More Examples
Vertical
<Separator orientation="vertical" />#Props
| Prop | Type | Default | Description |
|---|---|---|---|
orientation | 'horizontal' | 'vertical' | 'horizontal' | Orientation of the separator line. |
unstyled | boolean | false | Remove default styles if true. |
class | string | — | Additional CSS classes |
style | JSX.CSSProperties | — | Inline styles |
#Design Tokens
This component reads the following CSS custom properties. Override them globally or per-instance to restyle it — see the CSS Variables guide.
--sk-border--sk-separator-color--sk-separator-margin--sk-separator-size--sk-space-md