Messages d’état

Content Loading Card

Un 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.

Utiliser Content Loading Card

Un 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.

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: layout, pulse

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

2184Loading Placeholder BlocksMessages d’étatDes blocs d'espace réservés arrondis et sombres qui remplacent un avatar et des lignes de texte empilées pendant le chargement du contenu, avec une bande lumineuse diagonale les balayant de manière synchronisée.

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.

2151Expanding ring loaderMessages d’étatDe fins anneaux qui naissent d'un seul point et s'estompent à mesure qu'ils s'élargissent, se libèrent les uns après les autres pour que le pouls ne s'arrête jamais.

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.

1950Dot matrix status pillMessages d’étatUn bouton de pilule dont le côté gauche est une grille de cinq points sur cinq jouant un court motif de boucle pour chaque état, avec la légende changeant par étape.

1922Empty State PanelMessages d’étatUn espace réservé centré affiché à la place d'une liste vide, avec un titre, une description et une ou deux actions de départ.