diff --git a/COMPONENTS.md b/COMPONENTS.md new file mode 100644 index 000000000..1e2e307ef --- /dev/null +++ b/COMPONENTS.md @@ -0,0 +1,43 @@ +# Components implementation status + +- [x] Accordion +- [ ] File upload +- [x] Alert +- [x] Badge +- [x] Notice +- [x] Button +- [ ] Buttons group +- [ ] France Connect button +- [ ] Radio button +- [ ] Radio rich +- [ ] Checkbox +- [ ] Cards +- [x] Quote +- [ ] Media +- [x] Header +- [x] Breadcrumb +- [ ] Consent banner +- [ ] Favicon (?) +- [x] Stepper +- [ ] Toggle switch +- [ ] Follow +- [ ] Link +- [x] SkipLinks +- [ ] Select +- [ ] Side menu +- [ ] Call out +- [x] Highlight +- [ ] Modal +- [x] Main navigation +- [x] Tabs +- [ ] Pagination +- [x] Display +- [ ] Share +- [x] Footer +- [ ] Translate +- [ ] Summary +- [ ] Table +- [ ] Tag +- [ ] Download +- [ ] Transcription +- [ ] Tile diff --git a/README.md b/README.md index c90913ab0..f37146815 100644 --- a/README.md +++ b/README.md @@ -38,7 +38,7 @@ This module is a wrapper/compatibility layer for [@gouvfr/dsfr](https://github.c - [x] Exactly the same look and feel than with [@gouvfr/dsfr](https://www.npmjs.com/package/@gouvfr/dsfr). - [x] No [white flash when reloading in SSR setup](https://github.com/codegouvfr/@codegouvfr/react-dsfr/issues/2#issuecomment-1257263480). - [x] [Perfect integration with all major React framework: Next.js, Create React App, Vue](https://react-dsfr.etalab.studio/). -- [ ] All [the components](https://www.systeme-de-design.gouv.fr/elements-d-interface) are implemented (14/42) +- [ ] All [the components](https://www.systeme-de-design.gouv.fr/elements-d-interface) are implemented (14/42, [see details](COMPONENTS.md)) - [x] Three shakable distribution, cherry pick the components you import. (It's not all in a big .js bundle) - [x] Optional integration with [MUI](https://mui.com/). If you use MUI components they will be automatically adapted to look like [DSFR components](https://www.systeme-de-design.gouv.fr/elements-d-interface). See [documentation](https://react-dsfr.etalab.studio/mui-integration).