Needless UI

Komponen

Toast

Pesan singkat yang bertumpuk, bisa digeser untuk ditutup, dan tidak pernah merebut fokus.

Impor

import-toast.ts
import { NuiToaster, NuiToasterRegion } from '@needless-ui/angular/toast';

NuiToaster

Service yang menampilkan toast. Inject di mana saja.

Selektor
inject(NuiToaster)
NamaTipeDefaultDeskripsi
toastsMetodeSignal<readonly NuiToast[]>Semua toast di layar, dari yang terbaru.
showMetode(options: NuiToastOptions | string) => NuiToastRefMenampilkan toast. Teruskan judul, atau opsi berisi deskripsi, tone, durasi, aksi, atau id.
successMetode(title, options?) => NuiToastRefMenampilkan toast sukses.
warningMetode(title, options?) => NuiToastRefMenampilkan toast peringatan.
dangerMetode(title, options?) => NuiToastRefMenampilkan toast danger. Toast ini tampil selama 8 detik dan diumumkan secara assertive.
promiseMetode(promise, messages) => PromiseMenampilkan toast pemuatan sampai promise selesai, lalu pesan sukses atau danger-nya.
dismissMetode(id?: string) => voidMenutup satu toast, atau semuanya.

NuiToasterRegion

Region tempat toast muncul. Pasang sekali saja, di shell aplikasi.

Selektor
nui-toaster
NamaTipeDefaultDeskripsi
positionInput'top-start' | 'top-center' | 'top-end' | 'bottom-start' | 'bottom-center' | 'bottom-end''bottom-end'Sudut atau tepi viewport. Sisi awal dan akhir mengikuti arah teks.
expandedInputbooleanfalseMembuat tumpukan tetap terbentang.
labelInputstring'Notifications (Alt+T)'Nama aksesibel region. Sebutkan cara menjangkaunya.
closeLabelInputstring'Dismiss'Nama aksesibel tombol tutup.
hotkeyInputstring'KeyT'Tombol, sebagai KeyboardEvent.code, yang bersama Alt memindahkan fokus ke toast terbaru.