Démarrer
Fondamentaux
Composants
Modèles
Guides
À propos
Composants
Démarrer
Fondamentaux
Composants
Modèles
Guides
À propos
Liste des composants
Composants
📁 Accordion - Accordéon
Alert - Alerte
📁 Avatar
Badge
Banner - Bandeau
📁 Breadcrumb - Fil d'ariane
📁 Button - Bouton
Callout - Mise en avant
Card - Carte
Card Content - Carte Édito
Card Nav - Carte de navigation
📁 Checkbox - Case à cocher
Combobox
Dialog - Boîte de dialogue
Divider - Séparateur
📁 Download - Téléchargement
Drawer - Tiroir
Dropdown - Liste déroulante
Error message panel - Panneau de message d'erreur
Feedback Collect - Récolte d'avis
Fieldset - Groupe de champs
📁 File upload - Téléversement de fichier
📁 Filter - Filtre
📁 Footer - Pied de page
Graphic element - Élément graphique
📁 Header - En-tête
Icon - Icône
📁 Input - Champ de saisie
📁 Menu
Navbar - Barre de navigation
Page Header - En-tête de page
Pagination
📁 Progress - Progression
Quote - Citation
📁 Radio
Search - Recherche
📁 Select - Champ de sélection
📁 Sidenav - Navigation latérale
Skeleton loader - Squelette de chargement
Skiplink - Lien d'accès rapide
Spinner - Roue de chargement
Usage
Style
Web
Accessibilité
Exemples
Split panel - Panneau fractionné
📁 Stepper - Indicateur d'étapes
Switch - Interrupteur
📁 Tab - Onglet
📁 Table - Tableau
Table of content - Sommaire
Tag - Etiquette
Textarea - Zone de texte
Tooltip - Infobulle
📁 Tree - Arborescence
Eléments de formulaire
Classes CSS
Utilitaires
Spinner - Roue de chargement
La roue de chargement permet d'indiquer un processus en cours d'une durée indéterminée.
Usage
Style
Web
Accessibilité
Exemples
Rôle et attributs ARIA
Rôles et attributs ARIA générés par défaut
Rôle ARIA principal :
role=”progressbar”
Attributs ARIA utilisés :
aria-valuetext
avec pour valeur “Chargement” (ou sa traduction)
Spinner - Roue de chargement
Web
Spinner - Roue de chargement
Exemples
Sur cette page
Rôle et attributs ARIA
Rôles et attributs ARIA générés par défaut