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

Alert

Pesan sebaris untuk informasi, sukses, peringatan, dan galat.

Basis: Elemen <div> dengan role="alert", sehingga pembaca layar mengumumkan isinya saat muncul. Ikon dipilih otomatis dari nada.

src/components/ui/alert.tsx

Nada Warna

Laporanmu sedang ditinjau

Tim verifikasi biasanya menyelesaikan peninjauan dalam 3 hari kerja.

Laporan berhasil dikirim

Nomor laporanmu adalah #2451. Simpan nomor ini untuk melacak perkembangan.

Dokumen pendukung belum lengkap

Unggah minimal satu bukti agar laporan dapat diproses lebih cepat.

Laporan gagal dikirim

Periksa koneksimu, lalu coba kirim ulang. Draf sudah tersimpan otomatis.

Tanpa Isi

Judul saja, untuk pesan yang sudah cukup jelas dalam satu baris.

Perubahan tersimpan.

Sesi akan berakhir dalam 5 menit.

Tanpa Judul

Isi saja, untuk catatan sebaris di dalam formulir.

Data yang kamu isi hanya digunakan untuk keperluan verifikasi laporan.

Props

PropTipeBawaanKeterangan
tone"info" | "success" | "warning" | "destructive""info"Menentukan warna sekaligus ikon.
titleReactNode—Judul tebal di baris pertama.
childrenReactNode—Isi pesan.
SebelumnyaSkeletonBerikutnyaToast