Répertoire sourcé
Le dictionnaire qui se manipule
Trente concepts sourcés, regroupés par différences de comportement plutôt que par apparence.
30 concepts affichés
Tooltip
Infobulle
Une courte aide non interactive qui apparaît au survol ou lorsque le contrôle reçoit le focus clavier.
Popover
Fenêtre contextuelle
Une petite surface contextuelle ouverte volontairement pour afficher du contenu ou des contrôles sans rendre toute la page modale.
Dropdown menu
Menu d'actions déroulant
Une liste compacte d'actions qui s'ouvre depuis un bouton et suit la navigation clavier d'un menu.
Modal dialog
Boîte de dialogue modale
Une surface ciblée pour une tâche délimitée qui rend le reste de la page temporairement inactif.
Alert dialog
Dialogue d'alerte
Un dialogue modal qui interrompt une action lourde de conséquences et exige une confirmation ou une annulation explicite.
Lightbox
Visionneuse modale
Une visionneuse modale qui agrandit un média et peut permettre de parcourir une collection associée.
Drawer
Volet latéral
Un panneau temporaire qui glisse depuis un bord de la fenêtre, recouvre la page et se ferme lorsque sa tâche ciblée est terminée.
Bottom sheet
Feuille inférieure
Une surface pensée pour mobile, attachée au bord inférieur, qui peut s'ouvrir à des hauteurs stables et accepter le glissement.
Sidebar
Barre latérale
Une région persistante à côté du contenu principal, intégrée à la mise en page et généralement dédiée à la navigation ou à des outils complémentaires.
Select
Liste de sélection
Un contrôle de formulaire fermé qui ouvre une liste prédéfinie et conserve une valeur sélectionnée sans saisie libre.
Combobox
Champ à suggestions
Un champ modifiable relié à une liste contextuelle qui filtre ou suggère des options pendant la saisie.
Listbox
Liste de choix visible
Une liste toujours visible d'options nommées où le focus clavier et la sélection sont gérés comme un contrôle composite.
Checkbox
Case à cocher
Un choix de formulaire indépendant qui peut être coché, décoché ou parfois indéterminé avant l'envoi du formulaire.
Radio group
Groupe de boutons radio
Un ensemble nommé de choix mutuellement exclusifs où sélectionner une option désélectionne la précédente.
Switch
Interrupteur
Un contrôle marche ou arrêt pour un réglage dont le changement prend effet immédiatement.
Tabs
Onglets
Un ensemble de libellés qui bascule entre des panneaux de contenu liés en gardant un seul panneau visible à la fois.
Segmented control
Contrôle segmenté
Un groupe compact d'options adjacentes qui sélectionne une valeur et applique généralement le changement immédiatement.
Accordion
Accordéon
Un ensemble vertical d'en-têtes qui révèle ou masque chaque section de contenu associée.
Toast
Notification temporaire
Un bref message non bloquant qui apparaît après un événement et peut disparaître après un temps de lecture suffisant.
Inline alert
Alerte dans le contexte
Un message persistant placé près du contenu ou de la tâche qu'il explique, avec une urgence adaptée à la mise à jour réelle.
Banner
Bannière d'annonce
Un message visible et persistant qui traverse une région de page pour communiquer une condition affectant largement son utilisation.
Spinner
Indicateur d'attente
Un indicateur animé compact pour un travail dont l'avancement est inconnu, accompagné d'un état d'attente explicite.
Progress bar
Barre de progression
Un indicateur visuel et sémantique qui montre une valeur d'avancement dans une plage connue.
Skeleton
Squelette de chargement
Des formes décoratives de substitution qui réservent la mise en page approximative du contenu pendant son chargement.
Button
Bouton
Un contrôle nommé qui exécute une action dans l'interface actuelle lorsqu'il est activé.
Link
Lien
Une connexion nommée vers une autre destination qui conserve le comportement de navigation standard du navigateur.
Icon button
Bouton icône
Un bouton compact représenté visuellement par une icône mais doté de son propre nom d'action accessible et stable.
Text field
Champ de texte
Un contrôle étiqueté sur une ligne pour saisir ou modifier une valeur textuelle.
Textarea
Zone de texte multiligne
Un contrôle étiqueté pour saisir ou modifier un texte libre sur plusieurs lignes.
Search field
Champ de recherche
Un champ de texte dans un formulaire de recherche nommé qui envoie une requête pour trouver du contenu correspondant.