Contenu
Menu

République
française

Django-DSFR

Intégration du système de design de l’État pour les sites utilisant Django

Rechercher

Accueil
Composants
Voir la documentation
Composants implémentés

Accordéon

Accordéons – Groupe

Alertes

Badge

Badges – Groupe

Bandeau d’information importante

Bouton FranceConnect

Boutons
Composants implémentés

Boutons – Groupe

CSS global

Carte

Champs de saisie

Citation

Contenu média

En-tête

Fil d’Ariane
Composants implémentés

Formulaire

Formulaire - champ

Gestionnaire de consentement

Icône de favoris

Indicateur d’étapes

Infobulle

Interrupteur

JS global
Composants implémentés

Lettre d’information et réseaux sociaux

Lien

Liens d’évitement

Listes déroulantes

Menu latéral

Messages Django dans une alerte

Mise en avant

Voir tous les composants

Paramètres d’affichage

Choisissez un thème pour personnaliser l’apparence du site.

Thème clair

Thème sombre

Système Utilise les paramètres système.

Accueil
Formulaires
Formulaire basique

Exemple de formulaire

Nom d’utilisateur*

Adresse électronique Format attendu : prenom.nom@domaine.fr

Mot de passe

Nombre entier* Un nombre inférieur à 0 déclenchera un message d’erreur

Nombre décimal

Champ désactivé Ce champ est désactivé

Date

Cochez la case

Liste déroulante

Liste déroulante à choix multiples

Boutons radio Le troisième choix renvoie une erreur s’il est sélectionné

Premier choix

Second choix

Troisième choix

Boutons radio inline

Premier choix

Second choix

Troisième choix

Cases à cocher Le troisième choix renvoie une erreur s’il est sélectionné

Premier choix

Second choix

Troisième choix

Cases à cocher

Premier choix

Second choix

Troisième choix

Cases à cocher Exemple de boutons radios riches

Item 1

Item 2

Item 3

Cases à cocher Exemple de boutons radios riches en ligne

Item 1

Item 2

Item 3

Sample comment

Fichier JSON

Pièce jointe

République
française

legifrance.gouv.fr
info.gouv.fr
service-public.fr
data.gouv.fr

Plan du site
Accessibilité : non conforme
Mentions légales
Données personnelles
Gestion des cookies

Sauf mention explicite de propriété intellectuelle détenue par des tiers, les contenus de ce site sont proposés sous licence etalab-2.0