Messages d’état

Status Alert Banner

Une bannière bordée qui associe une icône à un titre et une description facultative pour afficher un état de réussite ou d'erreur en ligne.

Success! Your changes have been saved

This is an alert with a title and description.

Deploy failed on the production branch

Check that the deploy key still has repository access.
Confirm the build command matches the project settings.
Retry the sync once the above are fixed.

Utiliser Status Alert Banner

Une bannière bordée qui associe une icône à un titre et une description facultative pour afficher un état de réussite ou d'erreur en ligne.

Testez l’aperçu avec la souris et le clavier, puis vérifiez la visibilité du focus et la mise en page sur un écran étroit. Indiquez le numéro ou l’identifiant du composant à votre agent de programmation.

Propriétés: variant, title, description, accentColor

Quels frameworks sont disponibles ?

Le catalogue propose ces versions : react, vue, svelte, astro, html. L’aperçu de cette page utilise React.

Comment accéder à l’implémentation ?

Le code, les versions et les commandes d’installation sont disponibles dans le panneau ci-dessus.

Connectez votre agent

Composants proches

2117Breathing dot loaderMessages d’étatLes points qui restent en place et respirent au lieu de bouger, gonflent et s'assombrissent à leur tour, de sorte que la rangée se lit comme un battement de cœur lent.

1937Click ripple burstMessages d’étatUn effet de retour de pointeur qui génère une brève forme animée exactement à l'endroit où l'utilisateur clique ou appuie.

2122Click spark burstMessages d’étatChaque presse projette un anneau de lignes courtes à partir du point de contact exact, chacune s'étirant et se rétrécissant à mesure qu'elle vole.

2129Content Loading CardMessages d’étatUn espace réservé en forme de carte qui respire avec une lente impulsion d'opacité pendant qu'un grand bloc d'image et deux lignes de texte sont toujours en cours de chargement.

1945Count badge clusterMessages d’étatUne rangée de pilules de mots et de jetons numériques compacts pour étiqueter ou compter des éléments en ligne.

2138Curtain line loaderMessages d’étatUn rideau de chargement qui se retire derrière une ligne de déplacement lumineuse, coupant le contenu fini au lieu de le faire apparaître en fondu.