VUI
An open-source admin design system.
DocsComponentsBlocks
Installation
pnpm add @viliha/vui-uiThen import from @viliha/vui-ui/separator.
Usage
separator-demo.tsx
import { Separator } from "@viliha/vui-ui/separator";
export function Example() {
return (
<div>
<p>An open-source admin design system.</p>
<Separator className="my-4" />
<div className="flex h-5 items-center gap-4 text-sm">
<span>Docs</span>
<Separator orientation="vertical" />
<span>Components</span>
<Separator orientation="vertical" />
<span>Blocks</span>
</div>
</div>
);
}API Reference
Built on the Radix Separator primitive.
| Prop | Type | Default |
|---|---|---|
| orientation | "horizontal" | "vertical" | "horizontal" |
| decorative | boolean | true |