Divider

Pemisah visual antar konten horizontal/vertical, termasuk varian dashed dan label section.

import { Divider } from "@naraya/ui";

Divider membantu membagi area konten agar scanning lebih jelas. Gunakan seperlunya agar tampilan tidak bising.

Horizontal solid (default)

Bagian atas

Bagian bawah

<Divider />

Horizontal dashed

Tahap 1

Tahap 2

<Divider variant="dashed" />

With label

Metode login

atau

Lanjut dengan OTP

<Divider label="atau" />

Vertical divider

Overview

Settings

Logs

<Divider orientation="vertical" />
<Divider orientation="vertical" variant="dashed" />

Prop	Type	Default	Description
orientation	`"horizontal" \| "vertical"`	`"horizontal"`	Arah divider.
variant	`"solid" \| "dashed"`	`"solid"`	Gaya garis divider.
label	`ReactNode`	—	Label tengah (hanya horizontal).
...rest	`HTMLAttributes<HTMLDivElement>`	—	Props native div.

--border-subtle

Warna garis divider

--text-muted

Label divider text

--space-*

Jarak margin/padding sekitar divider