Needless UI

Bileşenler

Toast

Üst üste yığılan, kaydırılarak kapatılan ve odağı asla çalmayan kısa mesajlar.

İçe aktarma

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

NuiToaster

Bildirimleri gösteren servis. İstediğiniz yere enjekte edin.

Seçici
inject(NuiToaster)
AdTürVarsayılanAçıklama
toastsMetotSignal<readonly NuiToast[]>Ekrandaki tüm bildirimler, en yenisi önce.
showMetot(options: NuiToastOptions | string) => NuiToastRefBir bildirim gösterir. Bir başlık ya da açıklama, ton, süre, eylem veya id içeren seçenekler verin.
successMetot(title, options?) => NuiToastRefBir başarı bildirimi gösterir.
warningMetot(title, options?) => NuiToastRefBir uyarı bildirimi gösterir.
dangerMetot(title, options?) => NuiToastRefBir hata (danger) bildirimi gösterir. 8 saniye kalır ve öncelikli olarak duyurulur.
promiseMetot(promise, messages) => PromisePromise sonuçlanana kadar bir yükleme bildirimi, ardından başarı ya da hata mesajını gösterir.
dismissMetot(id?: string) => voidBir bildirimi ya da hepsini kapatır.

NuiToasterRegion

Bildirimlerin göründüğü bölge. Uygulama kabuğuna bir kez yerleştirin.

Seçici
nui-toaster
AdTürVarsayılanAçıklama
positionGirdi'top-start' | 'top-center' | 'top-end' | 'bottom-start' | 'bottom-center' | 'bottom-end''bottom-end'Görüntü alanının köşesi veya kenarı. Başlangıç ve bitiş, metin yönünü izler.
expandedGirdibooleanfalseYığını yelpaze gibi açık tutar.
labelGirdistring'Notifications (Alt+T)'Bölgenin erişilebilir adı. Bölgeye nasıl ulaşılacağını belirtin.
closeLabelGirdistring'Dismiss'Kapatma düğmelerinin erişilebilir adı.
hotkeyGirdistring'KeyT'Alt ile birlikte odağı en yeni bildirime taşıyan tuş, KeyboardEvent.code biçiminde.