Separator
Visual separator line
UI PrimitiveLayout
Overview
Built on Radix UI's Separator primitive. Renders a 1px line using bg-border. Decorative by default (hidden from assistive technology).
Usage
import { Separator } from "@leanicon/web-builder-library";Variants
Horizontal
Content above
Content below
Vertical
LeftCenterRight
Notes
- For a vertical separator to have visible height, the parent must have a defined height (e.g.,
h-8,h-full). The separator usesh-fullby default in vertical mode. - Dark mode is handled via semantic tokens (
bg-border).
Props
| Name | Type | Default | Required | Description |
|---|---|---|---|---|
asChild | boolean | — | No |