Needless UI

Vijenzi

Toast

Jumbe fupi zinazorundikana, zinazoondolewa kwa kutelezesha na zisizowahi kunyakua focus.

Kuingiza

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

NuiToaster

Huduma inayoonyesha toast. Unaweza kuiingiza (inject) popote.

Kiteuzi
inject(NuiToaster)
JinaAinaChaguomsingiMaelezo
toastsMbinuSignal<readonly NuiToast[]>Kila toast iliyo kwenye skrini, mpya zaidi kwanza.
showMbinu(options: NuiToastOptions | string) => NuiToastRefHuonyesha toast. Pitisha kichwa, au chaguo zenye maelezo, toni, muda, kitendo au id.
successMbinu(title, options?) => NuiToastRefHuonyesha toast ya mafanikio.
warningMbinu(title, options?) => NuiToastRefHuonyesha toast ya onyo.
dangerMbinu(title, options?) => NuiToastRefHuonyesha toast ya danger. Hukaa sekunde 8 na hutangazwa kwa msisitizo (assertive).
promiseMbinu(promise, messages) => PromiseHuonyesha toast ya kupakia hadi promise ikamilike, kisha ujumbe wake wa mafanikio au wa danger.
dismissMbinu(id?: string) => voidHuondoa toast moja, au zote.

NuiToasterRegion

Eneo ambamo toast huonekana. Liweke mara moja, kwenye ganda la programu.

Kiteuzi
nui-toaster
JinaAinaChaguomsingiMaelezo
positionInput'top-start' | 'top-center' | 'top-end' | 'bottom-start' | 'bottom-center' | 'bottom-end''bottom-end'Pembe au ukingo wa viewport. Mwanzo na mwisho hufuata mwelekeo wa maandishi.
expandedInputbooleanfalseHuacha rundo likiwa limetandazwa.
labelInputstring'Notifications (Alt+T)'Jina linalofikika la eneo. Eleza jinsi ya kulifikia.
closeLabelInputstring'Dismiss'Jina linalofikika la vitufe vya kufunga.
hotkeyInputstring'KeyT'Kitufe, kama KeyboardEvent.code, ambacho pamoja na Alt huhamishia focus kwenye toast mpya zaidi.