Needless UI

Komponen

Toast

Pesen cekak sing numpuk, bisa digeser ilang lan ora tau ngrebut fokus.

Import

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

NuiToaster

Layanan sing nampilake toast. Inject ing ngendi wae.

Selector
inject(NuiToaster)
JenengJinisGawanKatrangan
toastsMetodeSignal<readonly NuiToast[]>Kabeh toast ing layar, sing paling anyar dhisik.
showMetode(options: NuiToastOptions | string) => NuiToastRefNampilake toast. Wenehna judhul, utawa pilihan kanthi katrangan, tone, durasi, tumindak utawa id.
successMetode(title, options?) => NuiToastRefNampilake toast sukses.
warningMetode(title, options?) => NuiToastRefNampilake toast pepenget.
dangerMetode(title, options?) => NuiToastRefNampilake toast danger. Tetep 8 detik lan langsung diumumake (assertive).
promiseMetode(promise, messages) => PromiseNampilake toast loading nganti promise rampung, banjur pesen sukses utawa danger-e.
dismissMetode(id?: string) => voidNgilangi siji toast, utawa kabeh.

NuiToasterRegion

Wilayah panggonane toast katon. Pasang sepisan wae, ing app shell.

Selector
nui-toaster
JenengJinisGawanKatrangan
positionInput'top-start' | 'top-center' | 'top-end' | 'bottom-start' | 'bottom-center' | 'bottom-end''bottom-end'Pojok utawa pinggir viewport. Wiwitan lan pungkasan ngetutake arah teks.
expandedInputbooleanfalseNjaga tumpukan tetep mekar.
labelInputstring'Notifications (Alt+T)'Jeneng aksesibel wilayah. Terangna carane tekan mrana.
closeLabelInputstring'Dismiss'Jeneng aksesibel tombol tutup.
hotkeyInputstring'KeyT'Tombol, minangka KeyboardEvent.code, sing bareng karo Alt mindhah fokus menyang toast paling anyar.