kouji-ui — Headless Angular UI

Divider

Themed horizontal or vertical separator line with solid, dashed, or dotted variants and optional label.

Import

Add the symbol to your component's imports array. The walkthrough below shows the most common usages — copy & tweak.

import { KjDividerComponent } from '@kouji-ui/components';

Loading editor

Above

Below

orientation

variant

size

label

structural

<kj-divider
  kjOrientation="horizontal"
  kjVariant="solid"
  kjSize="md"
/>