drupal / display_builder_dsfr

1.0.2 2026-06-24 12:48 UTC

Requires

• drupal/display_builder_base: *
• drupal/ui_suite_dsfr: *
• drupal/ui_suite_dsfr_components: *
• drupal/ui_suite_dsfr_utilities: *

Requires (Dev)

• drupal/display_builder_dev_tools: *
• drupal/sdc_devel: ^1.0.2

GPL-2.0-or-later

• Jean Valverde

• recipe
• drupal recipes
• drupal recipe

Published on Packagist.org on 2026-06-25 07:19 UTC

README

This recipe extends the Display Builder CMS recipe to provide a ready-to-use DSFR experience in Drupal thanks to UI Suite DSFR and UI Suite modules.

#### Specific version(s) Current documentation and **1.1** branch is for Drupal **11.4+** and Display Builder **1.0.0-beta8+** only.

Version Française

Introduction

UI Suite DSFR est la solution Drupal pour implémenter le DSFR, le Design System de l'État français 🇫🇷. Ce thème implémente les composants, styles et icônes du DSFR. Notre solution est recommandée par le Service d'Information du Gouvernement (SIG) et assure la conformité de l'interface utilisateur avec les standards de la marque de l'État. UI Suite DSFR est utilisée dans de nombreuses administrations et est populaire auprès des agences Drupal.

Documentation Drupal sur les recipes (en) :

• Drupal recipes
• Getting started

Display Builder documentation (en):

• Display Builder

Installation

• Démarrer avec un site Drupal 11.4+

composer create-project drupal/recommended-project:~11.4.8 drupal_dsfr
cd drupal_dsfr

DSFR avec Drupal

Installation librairie DSFR, voir Documentation.

Exemple d'installation avec Composer Asset packagist :

composer require oomphinc/composer-installers-extender:^2

Autoriser le plugin dans composer (y).

composer config repo.asset-packagist composer https://asset-packagist.org
composer config --merge --json extra.installer-types '["npm-asset", "bower-asset"]'
composer config --merge --json extra.installer-paths '{"web/libraries/{$name}":["type:drupal-library", "type:npm-asset", "type:bower-asset"]}'
composer config --merge --json extra.installer-paths '{"web/libraries/dsfr":["npm-asset/gouvfr--dsfr"]}'
composer require npm-asset/gouvfr--dsfr:^1.15.3

Drupal recipe

Installer la recipe pour Drupal 11.4+:

composer require drupal/display_builder_dsfr:^1.1 drupal/display_builder:^1.0.0-beta8

Installer Drush (recommandé):

composer require drush/drush

Installation Drupal

La recette doit être appliquée sur une installation Drupal avec le profil Minimal, l'installation sur un site existant n'est pas supportée.

• Installer le profil Minimal de Drupal

Par exemple avec DDEV :

ddev config --project-type=drupal11 --docroot=web
ddev drush si -y minimal

• Appliquer cette recipe

Commande à exécuter avec DDEV ddev exec :

Drupal 11.4+:

ddev exec dr recipe ../recipes/display_builder_dsfr

Si tout se passe bien un message s'affiche :

[OK] Display Builder with DSFR applied successfully

Important : importer les traductions avec Drush et vider le cache :

ddev drush locale:update
ddev drush cache:rebuild

Lancer le site dans votre navigateur avec DDEV :

ddev launch

Se connecter en administrateur :

ddev drush uli