{"repo":"dataesr/react-dsfr","free":true,"listed":false,"github":"https://github.com/dataesr/react-dsfr","clone":"git clone https://github.com/dataesr/react-dsfr.git","description":"Non-official React components of the official french Système de Design de l'État.","language":"JavaScript","stars":44,"topics":["styleguide","react","component-library","design-system","javascript"],"license":"MIT","category":"ui-components","readme_excerpt":"@dataesr/react-dsfr Non-official React components of the official french Système de Design de l'État. Current version is using a degraded version of @gouvfr/dsfr@1.7.0 (new components are not yet available) Requirements node = 14.18.x npm = 8.15.x React = 18.2.x Installation Generate and watch Generate and watch dist folder containing bundles: Library usage Example page A playground to test components An example page is available containing all components. To launch it on your local machine, first launch watcher of the project and then: Use Icons We are using remixicon. :warning: CDN link of css must be added to the of your website. Use Colors Color variables are available in style/color.css . To make a new component dark theme compatible it's recommended to use variables from scheme.css in @gouvfr/dsfr project Some components can be colored with variables (see colorFamily props) listed below: Documentation - Storybook Storybook of the project is under construction. To run it locally Unit tests Run all tests using react-scripts WHITH watcher option Run all tests using react-scripts WITHOUT watcher option Update snapshots In Chrome Access about:inspect See doc debugging-tests Release policy and package publishing The @dataesr/react-dsfr package is published with semantic-release. Merging code on the master branch will automatically bump the version, create a tag, produce a changelog and trigger the tests. If new semantic commits are found (see below how to format commit) a new","default_branch":null,"files":null,"tree":[],"storefront":"/r/dataesr","claimed":false,"request_supported":{"post":"https://gitbuyer.com/r/dataesr/react-dsfr/request-supported","requests":0},"note":"indexed from public GitHub; nothing is for sale on this page. Clone it from GitHub. Paid listings live at /search."}