Separator
@/components/kamod-ui/separator
Blog
Read product updates, release notes, and engineering deep-dives.
Docs
Browse setup guides, API references, and usage examples.
Installation
Import Separator from `@/components/kamod-ui/separator`.
pnpm add @kamod-ch/uiUsage
Nutze horizontale Separatoren fuer gestapelte Bereiche und vertikale Separatoren fuer Inline-Gruppen oder Menues.
import { Separator } from "@/components/kamod-ui/separator";<Separator />Horizontal Separator
Klassische Trennung zwischen Content-Bloecken in einer vertikalen Sektion.
Vertical Separator
Nutze `orientation="vertical"` fuer kompakte Inline-Navigation.
List
Horizontale Trenner zwischen Zeilen in einer kompakten Liste.
API Reference
Props, slots and variants for this component.
Separator
Separator component props and accepted values.
| Prop | Type | Default |
|---|---|---|
| orientation | "horizontal" | "vertical" | "horizontal" |
| decorative | boolean | false |
| class | string | undefined |
| aria-orientation | managed by component | auto (unless decorative) |
Accessibility Notes
Setze `decorative` fuer rein visuelle Trennung. Wenn die Trennung semantische Bedeutung hat, nutze die Standard-Variante mit `role="separator"`.