Importação

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

NuiToaster

O serviço que mostra os toasts. Injete-o em qualquer lugar.

Seletor
inject(NuiToaster)
NuiToaster: Propriedades
NomeTipoPadrãoDescrição
toastsMétodoSignal<readonly NuiToast[]>Todos os toasts na tela, do mais recente para o mais antigo.
showMétodo(options: NuiToastOptions | string) => NuiToastRefMostra um toast. Passe um título, ou opções com descrição, tom, duração, ação ou id.
successMétodo(title, options?) => NuiToastRefMostra um toast de sucesso.
warningMétodo(title, options?) => NuiToastRefMostra um toast de aviso.
dangerMétodo(title, options?) => NuiToastRefMostra um toast de perigo. Ele fica 8 segundos e é anunciado com prioridade.
promiseMétodo(promise, messages) => PromiseMostra um toast de carregamento até a promise ser resolvida ou rejeitada, e depois a mensagem de sucesso ou de perigo.
dismissMétodo(id?: string) => voidDispensa um toast, ou todos.

NuiToasterRegion

A região onde os toasts aparecem. Coloque-a uma única vez, no shell da aplicação.

Seletor
nui-toaster
NuiToasterRegion: Propriedades
NomeTipoPadrãoDescrição
positionInput'top-start' | 'top-center' | 'top-end' | 'bottom-start' | 'bottom-center' | 'bottom-end''bottom-end'Canto ou borda do viewport. Início e fim seguem a direção do texto.
expandedInputbooleanfalseMantém a pilha aberta em leque.
labelInputstring'Notifications (Alt+T)'Nome acessível da região. Diga como chegar até ela.
closeLabelInputstring'Dismiss'Nome acessível dos botões de fechar.
hotkeyInputstring'KeyT'A tecla, como KeyboardEvent.code, que junto com Alt move o foco para o toast mais recente.