Needless UI

Components

Toast

Gajerun saƙonni da ke taruwa kan juna, ake share su da jan yatsa, kuma ba sa ƙwace focus.

Shigo da shi

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

NuiToaster

Service ɗin da ke nuna toasts. Ku yi inject ɗinsa a ko’ina.

Selector
inject(NuiToaster)
SunaIriNa asaliBayani
toastsMethodSignal<readonly NuiToast[]>Kowane toast da ke kan allo, mafi sabo da farko.
showMethod(options: NuiToastOptions | string) => NuiToastRefYana nuna toast. Ku ba da take, ko zaɓuɓɓuka masu bayani, tone, tsawon lokaci, aiki ko id.
successMethod(title, options?) => NuiToastRefYana nuna toast na nasara.
warningMethod(title, options?) => NuiToastRefYana nuna toast na gargaɗi.
dangerMethod(title, options?) => NuiToastRefYana nuna toast na haɗari. Yana ɗaukar daƙiƙa 8 kuma ana sanar da shi nan take.
promiseMethod(promise, messages) => PromiseYana nuna toast na lodawa har sai promise ya kammala, sannan saƙon nasara ko na haɗari.
dismissMethod(id?: string) => voidYana watsar da toast ɗaya, ko dukansu.

NuiToasterRegion

Yankin da toasts ke bayyana. Ku sa shi sau ɗaya, a cikin shell ɗin manhaja.

Selector
nui-toaster
SunaIriNa asaliBayani
positionInput'top-start' | 'top-center' | 'top-end' | 'bottom-start' | 'bottom-center' | 'bottom-end''bottom-end'Kusurwa ko gefen viewport. Farko da ƙarshe suna bin alkiblar rubutu.
expandedInputbooleanfalseYana barin tarin a bazu.
labelInputstring'Notifications (Alt+T)'Sunan da ake sanarwa na yankin. Ku faɗi yadda za a kai gare shi.
closeLabelInputstring'Dismiss'Sunan da ake sanarwa na maɓallan rufewa.
hotkeyInputstring'KeyT'Maɓallin, a matsayin KeyboardEvent.code, da ke kai focus kan mafi sabon toast tare da Alt.