Separator
Visually or semantically separates content.
Murasaki
A React 19 + Vite desktop framework.
Blog
Docs
Source
import { Separator } from "@murasakijs/ui";export function SeparatorDemo() {return ( <div> <div className="space-y-1"> <h4 className="text-sm font-medium leading-none">Murasaki</h4> <p className="text-sm text-muted-foreground"> A React 19 + Vite desktop framework. </p> </div> <Separator className="my-4" /> <div className="flex h-5 items-center gap-4 text-sm"> <div>Blog</div> <Separator orientation="vertical" /> <div>Docs</div> <Separator orientation="vertical" /> <div>Source</div> </div> </div>);}Usage
import { Separator } from "@murasakijs/ui";<Separator />API Reference
Props
| Prop | Type | Default |
|---|---|---|
orientation | "horizontal" | "vertical" | "horizontal" |
decorative | boolean | true |
Separator renders a Radix UI Separator.Root.
When decorative is true it's hidden from assistive technology (purely
visual); set it to false if the separator is semantically meaningful.