Lewati ke konten
aksesin.Design system
FondasiKomponenAlur produk
Coba prototype
MULAI DI SINI
IkhtisarFondasi & tokenKomponen AksesinAlur produkTangkapan layar
PRIMITIVES30
Aksi⌄
ButtonDropdown Menu
Formulir⌄
FieldInputTextareaSelectCheckboxRadioSwitch
Tampilan Data⌄
CardBadgeChipAvatarTableStatProgressSkeleton
Umpan Balik⌄
AlertToastDialogSheetPopoverTooltipEmpty State
Navigasi⌄
TabsAccordionBreadcrumbPaginationStepper
Tata Letak⌄
Divider
Buka prototype
Sumber kebenaran visualToken → komponen → layar

Divider

Garis pemisah, dengan atau tanpa label.

Basis: Elemen <hr> ketika tanpa label; menjadi <div role="separator"> ketika berlabel, karena <hr> tidak boleh memiliki anak.

src/components/ui/divider.tsx

Tanpa Label

Bagian pertama


Bagian kedua

Dengan Label

ATAU
Laporan bulan lalu

Menurun

Beranda
Laporan
Pengaturan

Props

PropTipeBawaanKeterangan
labelReactNode—Teks di tengah garis. Mengubah elemen dari <hr> menjadi <div>.
orientation"horizontal" | "vertical""horizontal"Arah garis. Versi menurun meregang mengikuti tinggi induknya.
SebelumnyaStepper