Notification
La carte d'un message reçu, dans une liste de notifications. Elle prend toute la largeur qu'on lui donne et ne porte aucune action.
Utilisation
import { Notification } from "@monstera/ui"Votre offre est disponible
Consultez votre proposition de financement avant le 12 août.
Prélèvement effectué
Votre mensualité de 189,00 € a été prélevée le 5 juillet.
Non lu et lu
Non lu se signale deux fois : la bordure passe en crimson épais, et une pastille apparaît à gauche du texte. Lu revient à la bordure fine des cartes.
Nouveau message de votre conseiller
Échéancier mis à jour
Votre nouvel échéancier tient compte du report de la mensualité de juillet, de la modification de votre date de prélèvement et de l'assurance emprunteur souscrite le mois dernier.
Contenu
Titre et description sont facultatifs l'un comme l'autre. La description n'est pas tronquée : une longue notification pousse la carte en hauteur.
API
Prop
Type
Dialog
La modale de confirmation. Par défaut l'élément dialog natif, au-dessus de toute la page : voile, touche Échap, piège de focus et passage au premier plan viennent du navigateur. En mode contenu, elle reste dans son conteneur, comme l'écran d'un proto.
Overlay
Le voile seul : un fond assombri et flouté sur tout l'écran, qui isole ce qu'on lui confie. Il ne dessine aucun panneau, c'est le rôle de Sheet.