Importación

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

NuiToaster

El servicio que muestra los toasts. Inyéctalo donde quieras.

Selector
inject(NuiToaster)
NuiToaster: Propiedades
NombreTipoPredeterminadoDescripción
toastsMétodoSignal<readonly NuiToast[]>Todos los toasts en pantalla, del más reciente al más antiguo.
showMétodo(options: NuiToastOptions | string) => NuiToastRefMuestra un toast. Pasa un título, u opciones con descripción, tono, duración, acción o id.
successMétodo(title, options?) => NuiToastRefMuestra un toast de éxito.
warningMétodo(title, options?) => NuiToastRefMuestra un toast de advertencia.
dangerMétodo(title, options?) => NuiToastRefMuestra un toast de peligro. Dura 8 segundos y se anuncia de forma prioritaria.
promiseMétodo(promise, messages) => PromiseMuestra un toast de carga hasta que la promesa se resuelve o se rechaza, y luego su mensaje de éxito o de peligro.
dismissMétodo(id?: string) => voidDescarta un toast, o todos.

NuiToasterRegion

La región donde aparecen los toasts. Colócala una sola vez, en el shell de la aplicación.

Selector
nui-toaster
NuiToasterRegion: Propiedades
NombreTipoPredeterminadoDescripción
positionInput'top-start' | 'top-center' | 'top-end' | 'bottom-start' | 'bottom-center' | 'bottom-end''bottom-end'Esquina o borde del viewport. El inicio y el final siguen la dirección del texto.
expandedInputbooleanfalseMantiene la pila desplegada.
labelInputstring'Notifications (Alt+T)'Nombre accesible de la región. Indica cómo llegar a ella.
closeLabelInputstring'Dismiss'Nombre accesible de los botones de cierre.
hotkeyInputstring'KeyT'La tecla, como KeyboardEvent.code, que junto con Alt lleva el foco al toast más reciente.