Toast
La pilule de confirmation, large de 328 px. Le composant est l'apparence seule : le minuteur, le portail et la position en bas d'écran restent à la charge de l'application.
Utilisation
import { Toast } from "@monstera/ui"Déclenché par une action
Le cas réel : une action lance le message, qui s'efface seul au bout de trois secondes. Ce minuteur est celui de l'écran, pas du composant, qui n'en a aucun.
Modifications enregistrées.
Message confirmé
Un ton unique, neutral : la pilule se lit en navy sur clair et s'inverse en sombre. La croix est là par défaut.
Votre relevé est disponible.
Sans icône ni croix
L'icône et la croix sont deux options indépendantes. Sans l'une ni l'autre, il ne reste que le message, et plus rien à cliquer.
Cliquez sur la croix pour me retirer.
Fermeture
onClose prévient du clic, il ne retire rien : c'est l'état de la page qui décide si le toast reste. Cliquez sur la croix pour le vérifier.
API
Prop
Type