Alerte

Aperçu

Le composant Avonni Alert vous permet de présenter des messages ou des notifications cruciales à vos visiteurs. Il est couramment utilisé pour informer les visiteurs de situations spécifiques comme des erreurs, des avertissements ou des actions réussies. C'est un moyen efficace de transmettre des informations ou des consignes essentielles à votre audience.

Paramètres

🎛️ Propriétés

Attribut	Description
Variante	L'attribut « variant » vous permet de personnaliser l'apparence du composant Avonni Alert afin de mieux refléter le type d'alerte que vous transmettez. Les variantes disponibles comprennent : erreur: Pour les notifications ou problèmes critiques. base: Une alerte standard, à usage général. hors ligne: Indique des problèmes de connectivité ou de disponibilité. avertissement: Pour les alertes qui nécessitent une attention mais ne sont pas critiques. Choisissez une variante qui correspond au message que vous souhaitez transmettre pour une compréhension utilisateur plus claire.
Contenu	L'attribut « content » spécifie le message principal ou l'information que vous souhaitez transmettre dans le composant Avonni Alert. Il contient le texte qui sera affiché dans l'alerte, garantissant que les utilisateurs sont informés ou mis au courant de la notification ou de la situation spécifique.
Nom de l'icône	L'attribut « icon name » vous permet de définir une icône spécifique pour le composant Avonni Alert. En fournissant un nom d'icône, vous pouvez représenter visuellement la nature ou le contexte de l'alerte, améliorant la clarté et attirant immédiatement l'attention de l'utilisateur sur le message.
Taille de l'icône	L'attribut « icon size » du composant Avonni Alert contrôle la taille de l'icône : Xxs: Extra-extra-petit pour une emphase subtile. Xs: Extra-petit pour une faible visibilité. Petit: Une taille modeste pour une visibilité modérée. Moyen: Taille standard pour une visibilité équilibrée. Grand: Pour un impact visuel maximal
Est Fermeable	L'attribut « Est Fermeable » permet aux utilisateurs de fermer ou de rejeter l'Avonni Alert sur l'interface. Lorsqu'il est activé, un bouton de fermeture apparaît sur l'alerte, permettant à l'utilisateur de la supprimer manuellement.

🎨 Style

Attribut	Description
Espacement	Le paramètre d'espacement du composant Avonni Alert vous permet d'ajuster les marges : Début de bloc: Définissez la marge supérieure. Fin de bloc: Ajustez la marge inférieure. Début en ligne: Configurez la marge gauche. Fin en ligne: Modifiez la marge droite
Arrière-plan	Le paramètre de style d'arrière-plan du composant Avonni Alert offre une personnalisation du fond : Couleur: Sélectionnez une couleur unie pour l'arrière-plan. Dégradé linéaire: Choisissez cette option pour un effet dégradé dynamique et esthétiquement attrayant
Texte	Le paramètre de style du texte du composant Avonni Alert permet de personnaliser le texte : Couleur: Changez la couleur du texte pour une meilleure visibilité. Épaisseur de la police: Choisissez le poids de la police pour mettre en évidence. Alignement horizontal: Sélectionnez l'alignement du texte pour un affichage optimal dans l'alerte
Bordure	Le paramètre de style de la bordure du composant Avonni Alert offre des options pour personnaliser l'apparence de la bordure : Couleur: Choisissez une couleur pour le bord de la bordure. Taille: Sélectionnez l'épaisseur de la bordure. Style: Déterminez l'apparence générale avec différents styles
Icône	Le paramètre de style de l'icône du composant Avonni Alert permet diverses personnalisations de l'apparence de l'icône : Couleur d'arrière-plan: Modifiez la couleur d'arrière-plan derrière l'icône. Couleur du premier plan: Changez la couleur principale de l'icône. Icône de fermeture au premier plan: Spécifiez la couleur de l'icône pour fermer l'alerte. Utilitaire de couleur du premier plan: Effectuez d'autres ajustements de couleur pour une meilleure visibilité et un meilleur contraste

certains attributs de style peuvent être dynamiques....