Le pattern NotificationBar est utilisé avec le module Vuex notification pour afficher des notifications à l’utilisateur.
Ce composant est disponible sur la version Bridge. Nb : ce composant n'est pas encore compatible avec le Starter Kit Vue3/composition API qui utilise le store Pinia.
Utilisation
API
Personnalisation
Utilisation
Il est conseillé de n’avoir qu’un seul composant NotificationBar par page, car leur affichage est contrôlé par le module notification.
Cependant, il est possible d’ajouter un identifiant sur les notifications et de n’afficher que la notification de l’instance correspondante, c’est ce qui est fait dans les exemples de cette page.
Exemples
Types de notification
Vous pouvez envoyer des notifications de types succès, erreur, avertissement ou information.
Action supplémentaire
Vous pouvez ajouter un bouton d’action supplémentaire en utilisant le slot action.
API
Personnalisation
Texte du bouton
Vous pouvez modifier le texte par défaut du bouton Fermer en utilisant la prop close-btn-text.
Position
Vous pouvez positionner la barre de notification en bas de l’écran en utilisant la prop bottom.
Composants Vuetify
Vous pouvez personnaliser les composants Vuetify contenus dans le pattern NotificationBar en utilisant la prop vuetify-options.