Importación
import { NuiToaster, NuiToasterRegion } from '@needless-ui/angular/toast';NuiToaster
El servicio que muestra los toasts. Inyéctalo donde quieras.
| Nombre | Tipo | Predeterminado | Descripción |
|---|---|---|---|
toastsMétodo | Signal<readonly NuiToast[]> | Todos los toasts en pantalla, del más reciente al más antiguo. | |
showMétodo | (options: NuiToastOptions | string) => NuiToastRef | Muestra un toast. Pasa un título, u opciones con descripción, tono, duración, acción o id. | |
successMétodo | (title, options?) => NuiToastRef | Muestra un toast de éxito. | |
warningMétodo | (title, options?) => NuiToastRef | Muestra un toast de advertencia. | |
dangerMétodo | (title, options?) => NuiToastRef | Muestra un toast de peligro. Dura 8 segundos y se anuncia de forma prioritaria. | |
promiseMétodo | (promise, messages) => Promise | Muestra 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) => void | Descarta un toast, o todos. |
NuiToasterRegion
La región donde aparecen los toasts. Colócala una sola vez, en el shell de la aplicación.
| Nombre | Tipo | Predeterminado | Descripció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. |
expandedInput | boolean | false | Mantiene la pila desplegada. |
labelInput | string | 'Notifications (Alt+T)' | Nombre accesible de la región. Indica cómo llegar a ella. |
closeLabelInput | string | 'Dismiss' | Nombre accesible de los botones de cierre. |
hotkeyInput | string | 'KeyT' | La tecla, como KeyboardEvent.code, que junto con Alt lleva el foco al toast más reciente. |