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

Empty State

Tampilan saat tidak ada data untuk ditampilkan.

Basis: Presentasional. Ikon diletakkan di atas gradien merek lembut agar keadaan kosong tetap terasa bagian dari sistem, bukan halaman rusak.

src/components/ui/empty-state.tsx

Skenario

Belum ada laporan

Laporan yang kamu ajukan akan muncul di sini beserta status terkininya.

Tidak ada hasil

Tidak ditemukan laporan yang cocok dengan kata kunci “diskriminasi upah”. Coba kata kunci lain.

Arsip kosong

Belum ada laporan yang diarsipkan.

Minimal

Belum ada data

Props

PropTipeBawaanKeterangan
titleReactNode—Judul utama.
descriptionReactNode—Penjelasan dan saran tindakan.
iconReactNode—Ikon dalam lingkaran gradien.
actionReactNode—Tombol aksi utama.
SebelumnyaTooltipBerikutnyaTabs