Illustrations

Pour chaque ressource, il est possible de copier son URL sur le CDN et le code HTML de l'élément.

Filtrer les ressources par nom ou par mot-clé :

recherche

documentation

Accueil
Prise en main
Fondamentaux
Bibliothèque
- Icônes
- Illustrations
Bonnes pratiques

Composants

Alert Ce composant est un webco
Badge
Breadcrumb Ce composant est un webco
Button
Button group
Collapse Ce composant est un webco
Dropdown Ce composant est un webco
Icon
Link
Modal Ce composant est un webco
Modal side Ce composant est un webco
Pagination Ce composant est un webco
Progress bar Ce composant est un webco
Skeleton
Skip link
Spinner Ce composant est un webco
Status
Stepper Ce composant est un webco
Table
Table sort Ce composant est un webco
Tabs
Tag
Toaster
Tooltip Ce composant est un webco

Contenu

Blockquote
Code
Prose

Formulaire

Autocomplete Ce composant est un webco
Booking Ce composant est un webco
Captcha Ce composant est un webco
Checkbox
Checkbox card
Date picker Ce composant est un webco
Input
Radio
Radio card
Select
Textarea
Toggle

Composants complexes

Accessibility center Ce composant est un webco
Card data
Card form
Card intro
Card link
Card news
Footer France Travail Ce composant est un webco
Footer générique
Header France Travail Ce composant est un webco
Header générique Ce composant est un webco

Gabarits

Central Template
Error Page
Landing Page Template
Sidebar Template
Stepper Template
Top Form Template

Information

Version :: 1.14.0
Mise à jour le :: 16/07/2026

Variantes

Défaut
Désactivé
Facultatif
Erreur
Aucun résultat
En chargement
Avec un bouton d'aide
Avec une taille fixe
Avec un label masqué
Avec un suffixe
Avec un suffixe (composant)
Exemple complet

Variantes

Défaut
Avec plages horaires

Variantes

Défaut
Groupe
Groupe en ligne
Indéterminé
Facultatif
Coché
Désactivé
Avec une erreur
Avec un champ imbriqué
Avec un contenu imbriqué
Avec un bouton d'aide
Avec une erreur (groupe)
Avec un bouton d'aide (groupe)

Variantes

Défaut
Coché
Désactivé
Zone de clic étendue
Groupe

Variantes

Défaut
Avec un bouton d'aide
Avec un label masqué
Avec une erreur
Période
Sur une ligne

Variantes

Paramétrable
Date
Heure
Email
Mot de passe
Numérique
Téléphone
Avec un bouton d'aide
Avec un texte d'aide
Avec une autocomplétion navigateur
Avec une erreur
Avec une icône
Avec une largeur fixe
Avec un label masqué
Avec un préfixe
Avec un préfixe (composant)
Avec un suffixe
Avec un suffixe (composant)
Avec une valeur
Facultatif
Lecture seule
Recherche

Variantes

Défaut
En ligne
Facultatif
Coché
Désactivé
Erreur
Avec un champ imbriqué
Avec un bouton d'aide
Avec un bouton d'aide (groupe)

Variantes

Défaut
Coché
Désactivé
Zone de clic étendue
Groupe

Variantes

Défaut
Désactivé
Facultatif
Aide
Erreur
Avec un bouton d'aide
Avec un placeholder spécifique
Avec une largeur fixe
Exemple complet
Avec un label masqué
Avec un préfixe
Avec un préfixe (composant)
Avec un suffixe
Avec un suffixe (composant)

Variantes

Défaut
Désactivé
Facultatif
Aide
Erreur
Succès
Avec une valeur
Avec un bouton d'aide
Avec un compteur
Avec un label masqué
Exemple complet

Variantes

Défaut
Désactivé
Facultatif
Petit

Variantes

Défaut
Avertissement
Erreur
Information
Succès
Exemple complet
Avec un contenu libre
Avec un fond blanc
Avec un tag
Désactivé
Petit
Sans icône
Sans lien

Variantes

Paramétrable
Exemple de base
Avec une activité connue (incomplète)
Avec une activité connue (complète)
Avec une activité supprimée
En édition
En édition (boutons personnalisés)

Variantes

Défaut
En chargement

Variantes

Défaut
Petite
Grande
Avec un fond gris
Avec un logo
Désactivé

Variantes

Défaut
Vertical
Vertical (avec vidéo)
Horizontal

Variantes

Candidat
Pro
En maintenance

Variantes

Candidat non connecté
Candidat connecté
Pro non connecté
Pro connecté
En maintenance

Variantes

Web
Agent France Travail
Agent France Travail (sans menu)
Agent Réseau pour l'emploi

Variantes

503 - Service indisponible
404 - Page non trouvée
403 - Accès non autorisé

Variantes

Jaune
Rouge
Rose
Bleu
Violet

Variantes

Non refermable
Avertissement
Erreur
Information
Succès

Variantes

Neutre
Inactif
Désactivé
Notification
Petite notification
Avec beaucoup d'éléments
Dans un paragraphe

Variantes

Défaut
Version sombre

Variantes

Primaire
Secondaire
Tertiaire
Tertiaire (version sombre)
Transverse
Transverse (version sombre)
Bouton lien
Icône seule
Aide
Filtre
Tous les filtres
Tri
Croix de fermeture
Avec un lien
Avec une icône à droite
Avec une icône à gauche
Avec une infobulle
Avec un texte masqué
Petit
Grand
En chargement
Désactivé
Icône seule (responsive)

Variantes

Secondaire
Tertiaire
Tertiaire (version sombre)

Variantes

Défaut
Avec un fond gris
Petit
Accordéon
Filtre
Avec un paragraphe semi-masqué
Avec une liste semi-masquée
Avec un bouton icône

Variantes

Exemple de base
Aligné à droite
Avec une liste d'actions
Avec un footer
Avec des cases à cocher
Avec un bouton de tri

Variantes

Défaut
Information
Avertissement
Erreur
Succès
Avec une classe CSS
Avec une infobulle

Variantes

Défaut
Version sombre
Avec un lien externe

Variantes

Défaut
Petit
Grand
Très grand
Fermeture au clic sur le fond
Avec un bouton d'ouverture

Variantes

Défaut
Petit
Grand
Très grand
Lecture seule
Avec un bouton d'ouverture

Variantes

Défaut Ce composant est un webco
Version sombre Ce composant est un webco
Minimaliste
Moins de 10 pages Ce composant est un webco
Première page Ce composant est un webco
Dernière page Ce composant est un webco
Début de pagination Ce composant est un webco
Milieu de pagination Ce composant est un webco
Fin de pagination Ce composant est un webco

Variantes

Texte
Image
Titre principal
Titre secondaire
Cercle
Exemple complet

Variantes

Défaut
Très petit
Petit
Grand
Chargement terminé

Variantes

Paramétrable
Avertissement
Erreur
Information
Succès

Variantes

Défaut
Édition
Version mobile
Version mobile (édition)

Variantes

Exemple de base
Exemple complet
Avec un collapse
Avec un titre masqué
Avec un tri de colonne
En chargement
Tableau zébré

Variantes

Défaut
Avec un tri croissant
Avec un tri décroissant
Avec un tri alphabétique
Avec un tri chronologique
Exemple complet

Variantes

Défaut
Avec des onglets liens
Avec des badges

Variantes

Défaut
Petit
Avec un bouton
Avec une icône à gauche
Avec une icône à droite
Bleu
Gris
Rose
Violet
Rouge
Sable
Jaune
Commun
Savoir-faire
Savoir
Savoir complémentaire
Savoir-être
Langue
Permis
Moyen de locomotion
Nouveau
Déjà vu
Déjà contacté
Activités connues
Activités incomplètes

Variantes

Défaut
Avertissement
Erreur
Information
Succès
Avec date et heure
En haut à gauche
En bas à droite

Variantes

Exemple de base
Avec une position
Non lue au lecteur d'écran