Messages d’état

Curtain line loader

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

Utiliser Curtain line loader

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

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: accent, duration, direction, lineWidth, loop

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.

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.

2167Hopping dot loaderMessages d’étatUne courte rangée de points qui sautent dans une vague progressive, chacun quittant le sol un battement après le point à côté.

1989Layered ring loaderMessages d’étatUn emblème centré d'anneaux partiels concentriques tournant à différentes vitesses et directions, avec un titre de statut et un sous-titre qui s'effacent en dessous.

2231Single glyph spinnerMessages d’étatUn ring spinner minimal : un arc à traits fins qui tourne en continu pour signaler qu'une tâche en arrière-plan est en cours d'exécution.

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.