Composants

Le composant adresse se compose d'un nom, d'un champ adresse (numero, nom de rue, code postale et ville), ainsi que d'un numéro de téléphone et un email

Le composant badge permet d'afficher une pastille sur un élément (éventuellement avec un numéro).

Le composant button peut se composer soit d'un label entouré de 2 pictos, d'un label seul, mais aussi d'un picto seul.

Le composant cartouche se compose d'un label entouré de 2 pictos.

Le composant chip se compose d'un label, d'un picto et d'un bouton de fermeture facultatifs.

Le composant date se compose d'une icone et d'une date.

Ceci est la documentation du composant "icon".

Ceci est la documentation du composant "svg".

Ajoute un message d'aide à la saisie d'un champ de formulaire.

Champ de saisie de données sous forme de texte, de nombre, de date, de couleur, etc.

Permet d'ajouter un préfixe et/ou un suffixe à un champ de formulaire.

Champ de saisie de données sous forme de liste de sélection (combobox ou multiple).

Permet d'ajouter une liste de suggestion de données à un formulaire.

Les composant `form-field-tick` permet d'insérer deux types de champ de saisie

Composant permettant de générer un menu.

Un dropdown affiche une liste d'actions ou d'options à l'intention d'un utilisateur.

Le composant breadcrumbs se compose d'une liste de liens de navigation et de la page courante.

Le composant menu présente un menu pouvant aller de 1 à 3 niveaux.

Le composant `menu-mobile` permet d'afficher un menu qui s'ouvre sous la forme d'un panel.

Le composant `pagination` permet d'afficher une pagination.

Zone de texte résumée pouvant être déployée pour en découvrir les détail

Le composant blockquote se compose d'un bloc de citation longue.

Le composant attach-file se compose d'une icone, du nom de fichier, du type de fichier et du poids du fichier.

Ce composant permet d'afficher une galerie d'image (photos, logos, etc.)

Ceci est la documentation du composant "icon-content".

Ce composant présente un avatar accompagné d'un texte principal (généralement prénom et nom) et d'un texte secondaire (description, rôle, etc.)

Une image (avec ou sans légende / source / description).

Un lien.

Le composant place se compose d'une icone et d'un lieu.

Une liste d'objets possédant chacun un titre et un contenu.

Composant de listes

Composant logo seul ou avec une baseline

Un composant présentant un encart informatif, composé d'un texte descriptif, et possiblement un pictogramme, un titre, des actions et une croix de fermeture.

Une zone mise en valeur au sein d'une page, grâce à son apparence. Elle contient un titre et un contenu.

Ce composant présente une fenêtre modale

Un composant présentant une version résumée d'une fiche, capable d'afficher sa miniature, son titre, son résumé et d'autres informations. Ce composant propose également un lien vers la fiche complète.

Le composant notification permet d'afficher un contenu sous forme de notification

Le composant tabs permet une navigation par onglet

Ce composant affiche un faux contenu animé pour ne pas garder une zone vide pendant qu'un vrai contenu plus lent se charge

Ceci est la documentation du composant "title".

Ceci est la documentation du composant "title".

Le composant toolbar permet de présenter des groupes de boutons d'action

Le composant `panel` permet de créer un panneau.

Ce composant permet d'agencer des éléments flottants dans un coin de la fenêtre.