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

Toast

Notifikasi ringkas dengan aksi dan tombol tutup.

Basis: Presentasional murni — tanpa timer, portal, maupun antrean. Prototipe membutuhkan toast yang diam untuk ditangkap layar, bukan yang hilang setelah empat detik.

src/components/ui/toast.tsx

Nada Warna

Draf tersimpan

Terakhir disimpan pukul 14.32.

Laporan terkirim

Nomor laporan #2451.

Koneksi lambat

Unggahan mungkin memerlukan waktu lebih lama.

Gagal mengunggah

Berkas melebihi batas 10 MB.

Dapat Ditutup

Draf tersimpan

Kamu dapat melanjutkan laporan ini kapan saja.

Dengan Aksi

Laporan dihapus

Laporan #2448 telah dipindahkan ke arsip.

Props

PropTipeBawaanKeterangan
titleReactNode—Judul notifikasi.
descriptionReactNode—Keterangan tambahan.
tone"neutral" | "success" | "warning" | "destructive""neutral"Warna garis aksen di tepi kiri.
actionReactNode—Tombol aksi di bawah keterangan.
onDismiss() => void—Bila diisi, menampilkan tombol tutup.
SebelumnyaAlertBerikutnyaDialog