Importação
import { NuiToaster, NuiToasterRegion } from '@needless-ui/angular/toast';NuiToaster
O serviço que mostra os toasts. Injete-o em qualquer lugar.
| Nome | Tipo | Padrão | Descrição |
|---|---|---|---|
toastsMétodo | Signal<readonly NuiToast[]> | Todos os toasts na tela, do mais recente para o mais antigo. | |
showMétodo | (options: NuiToastOptions | string) => NuiToastRef | Mostra um toast. Passe um título, ou opções com descrição, tom, duração, ação ou id. | |
successMétodo | (title, options?) => NuiToastRef | Mostra um toast de sucesso. | |
warningMétodo | (title, options?) => NuiToastRef | Mostra um toast de aviso. | |
dangerMétodo | (title, options?) => NuiToastRef | Mostra um toast de perigo. Ele fica 8 segundos e é anunciado com prioridade. | |
promiseMétodo | (promise, messages) => Promise | Mostra um toast de carregamento até a promise ser resolvida ou rejeitada, e depois a mensagem de sucesso ou de perigo. | |
dismissMétodo | (id?: string) => void | Dispensa um toast, ou todos. |
NuiToasterRegion
A região onde os toasts aparecem. Coloque-a uma única vez, no shell da aplicação.
| Nome | Tipo | Padrão | Descriçã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. |
expandedInput | boolean | false | Mantém a pilha aberta em leque. |
labelInput | string | 'Notifications (Alt+T)' | Nome acessível da região. Diga como chegar até ela. |
closeLabelInput | string | 'Dismiss' | Nome acessível dos botões de fechar. |
hotkeyInput | string | 'KeyT' | A tecla, como KeyboardEvent.code, que junto com Alt move o foco para o toast mais recente. |