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

Left
Center
Right

Notes

  • For a vertical separator to have visible height, the parent must have a defined height (e.g., h-8, h-full). The separator uses h-full by default in vertical mode.
  • Dark mode is handled via semantic tokens (bg-border).

Props

NameTypeDefaultRequiredDescription
asChildboolean—No