DSFR libraries

This module automatically declares components from the French State Design System (DSFR) as Drupal libraries.

Features

If you need to use a component, you can attach it to your render array like this:

$build['#attached']['library'][] = 'dsfr_libraries/checkbox';

Or declare it as a dependency of your own library:

 dependencies:
 - dsfr_libraries/checkbox

The JS and CSS from this component will then be included in the page.

Additional Requirements

The dsfr needs to be installed in web/libraries/dsfr/.

For example, you can use Asset Packagist to install it with Composer:

{
 "require": {
 "npm-asset/gouvfr--dsfr": "^1.12"
 },
 "repositories": [
 {
 "type": "composer",
 "url": "https://asset-packagist.org"
 }
 ],
 "extra": {
 "installer-paths": {
 "web/libraries/dsfr": [
 "npm-asset/gouvfr--dsfr"
 ]
 },
 "installer-types": [
 "npm-asset"
 ]
 }
}