La carte est un composant vide permettant de structurer un écran en plusieurs blocs distincts. Elle ne porte pas d’interaction, en revanche, du contenu avec des actions peut y être inséré, comme par exemple des liens, un toggle ou des Boutons. Quand…

Un design system accessible Nous sommes tous différents, nous naissons avec des capacités et des incapacités. Au cours de notre vie, nos capacités peuvent aussi changer, à la suite d’un accident, d’une maladie ou simplement en prenant de l’âge. Pour autant, nous…

L’arborescence permet aux utilisateurs de naviguer dans des niveaux de données imbriqués. La plupart du temps elle est affichée dans un panneau à gauche de l’écran. Quand utiliser le composant ? L’arborescence est à privilégier pour : Organiser et hiérarchiser de grandes…

Les tableaux de données sont utilisés pour organiser et afficher les données efficacement. Le composant tableau de données permet de personnaliser l’affichage de données avec des fonctionnalités diverses, selon les besoins des utilisateurs. Quand utiliser le composant ? Le tableau est à privilégier…

Les Boutons radio sont utilisées quand l’utilisateur doit réaliser un choix unique parmi une liste d’options. Le bouton radio est généralement affiché dans un groupe et le fait d’en sélectionner un dé-sélectionne les autres. Quand utiliser le composant ? Sélectionner une option dans…

Les checkbox permettent aux utilisateurs de sélectionner une ou plusieurs options dans un ensemble donné. Chaque option est indépendante des autres. Contrairement au bouton radio, le fait de cocher une case ne décoche pas les autres. Quand utiliser le composant ? Sélectionner…

Update du 26/03/2024 L’update du bouton intègre 2 nouveautés : un variant Neutral la possibilité d’afficher un icône à droite du label, qui permet de gérer le button link 1. Définition Le composant « Button » est utilisé pour déclencher une action sur une…