TyroUiSnackbarService

Snackbar

Notification toast apparaissant dans l'un des 4 coins. Toujours sombre, même en thème clair. Déclencher via TyroUiSnackbarService.show(config). Placer <tyro-ui-snackbar> une fois dans le layout racine.

Choisir un coin

Exemples

Cliquer un bouton pour déclencher la snackbar

API du service

ITyroUiSnackbarConfig

Propriété	Type	Défaut	Description
`message`	`string`	`-`	Texte principal (obligatoire)
`title`	`string`	`-`	Titre affiché en gras
`icon`	`string (Remix Icon)`	`-`	Icône - si vide, icône par défaut selon le type
`type`	`'default' \| 'success' \| 'warning' \| 'danger'`	`'default'`	Couleur accentuée du bandeau et de l'icône
`position`	`'top-left' \| 'top-right' \| 'bottom-left' \| 'bottom-right'`	`'bottom-right'`	Coin de la fenêtre où la snackbar apparaît
`duration`	`number (ms)`	`4000`	0 = ne se ferme pas automatiquement

Setup

Layout racine - à ajouter une fois

<tyro-ui-dashboard-layout [...]>
  <router-outlet />
</tyro-ui-dashboard-layout>
<tyro-ui-snackbar></tyro-ui-snackbar>

Utilisation dans un composant

constructor(private snackbar: TyroUiSnackbarService) {}

this.snackbar.show({
  type: 'success',
  title: 'Formulaire envoyé',
  message: 'Votre message a bien été reçu.',
  position: 'bottom-right', // défaut
  duration: 4000,           // 0 = pas d'auto-fermeture
});