API du composant Toast · Needless UI

Import

import-toast.ts

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

Le service qui affiche les toasts. Injectez-le n’importe où.

NuiToaster: Propriétés
Nom	Type	Description
`toasts`Méthode	`Signal<readonly NuiToast[]>`	Tous les toasts à l’écran, du plus récent au plus ancien.
`show`Méthode	`(options: NuiToastOptions \| string) => NuiToastRef`	Affiche un toast. Passez un titre, ou des options avec une description, un ton, une durée, une action ou un id.
`success`Méthode	`(title, options?) => NuiToastRef`	Affiche un toast de succès.
`warning`Méthode	`(title, options?) => NuiToastRef`	Affiche un toast d’avertissement.
`danger`Méthode	`(title, options?) => NuiToastRef`	Affiche un toast danger. Il reste 8 secondes et est annoncé de façon prioritaire.
`promise`Méthode	`(promise, messages) => Promise`	Affiche un toast de chargement jusqu’à ce que la promesse soit résolue ou rejetée, puis son message de succès ou d’erreur.
`dismiss`Méthode	`(id?: string) => void`	Ferme un toast, ou tous.

La région où apparaissent les toasts. Placez-la une seule fois, dans le shell de l’application.

NuiToasterRegion: Propriétés
Nom	Type	Par défaut	Description
`position`Input	`'top-start' \| 'top-center' \| 'top-end' \| 'bottom-start' \| 'bottom-center' \| 'bottom-end'`	`'bottom-end'`	Coin ou bord du viewport. Le début et la fin suivent le sens du texte.
`expanded`Input	`boolean`	`false`	Garde la pile déployée en éventail.
`label`Input	`string`	`'Notifications (Alt+T)'`	Nom accessible de la région. Indiquez comment l’atteindre.
`closeLabel`Input	`string`	`'Dismiss'`	Nom accessible des boutons de fermeture.
`hotkey`Input	`string`	`'KeyT'`	La touche, sous forme de `KeyboardEvent.code`, qui, avec Alt, place le focus sur le toast le plus récent.