Deux packages pour faciliter l'implémentation du DSFR dans vos projets Angular

Des assets Figma
pour vos phases de Design

Assets Figma

NGX-DSFR

Portage Angular des composants officiels du DSFR

NgxDsfr (@edugouvfr/ngx-dsfr) est un portage du système de design de l'État français (DSFR).

Ce package a pour but de fournir de manière exhaustive les éléments du DSFR pour le framework Angular, dans le respect des règles du RGAA.

Plutôt que de tenter de reproduire le style et le comportement des composants DSFR, nous avons fait le choix d'intégrer directement les livrables fournis par les équipes du SIG, ainsi le CSS et le script Javascript du DSFR s'appliquent pleinement sur nos composants.

NGX-DSFR-EXT

Composants d'extension au portage Angular du DSFR

NgxDsfrExt (@edugouvfr/ngx-dsfr-ext) est une extension au package @edugouvfr/ngx-dsfr.

Cette bibliothèque a pour but de couvrir les besoins fonctionnels qui ne sont pas encore couverts par le DSFR.

Ces composants ont été construits en cohérence avec les composants DSFR existants, dans le respect des fondamentaux techniques, des éléments d'identité, de l'esprit et des principes de design du DSFR.

Attention : ces composants ne sont pas des éléments officiels du DSFR.

Paramètres d'affichage

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