# react-dsfr

## v1

- [Initial setup](https://react-dsfr.codegouv.studio/readme.md): Setup @codegouvfr/react-dsfr in your project or start from a template
- [Integration with routing libs](https://react-dsfr.codegouv.studio/routing.md): Like react-router or Next.js file system based route.
- [Class names type safety](https://react-dsfr.codegouv.studio/class-names-type-safety.md)
- [Colors](https://react-dsfr.codegouv.studio/colors.md)
- [Components](https://react-dsfr.codegouv.studio/components.md)
- [Icons](https://react-dsfr.codegouv.studio/icons.md)
- [CSS in JS](https://react-dsfr.codegouv.studio/css-in-js.md): Compatibility with solutions like styled-components, emotion and TSS.
- [Internationalization](https://react-dsfr.codegouv.studio/i18n.md)
- [Importing assets](https://react-dsfr.codegouv.studio/assets.md): How to import images, SVGs and other static DSFR resources
- [MUI integration](https://react-dsfr.codegouv.studio/mui.md): Use MUI components in your App or DSFRify your website build with MUI.
- [Custom Branding](https://react-dsfr.codegouv.studio/custom-branding.md): Remove the governmental branding and apply your own theme.
- [Storybook](https://react-dsfr.codegouv.studio/storybook.md): Setting up Storybook in your react-dsfr project.
- [Analytics](https://react-dsfr.codegouv.studio/analytics.md): Track your audience engagement and gain insights into how citizens interact with your website.
- [Content-Security-Policy](https://react-dsfr.codegouv.studio/content-security-policy.md): Add security to you application
- [Publishing a NPM modules that depends on react-dsfr](https://react-dsfr.codegouv.studio/publishing-a-npm-modules-that-depends-on-react-dsfr.md)
- [Contributing](https://react-dsfr.codegouv.studio/contributing.md)


---

# Agent Instructions
This documentation is published with GitBook. GitBook is the documentation platform designed so that both humans and AI agents can read, navigate, and reason over technical content effectively. Learn more at gitbook.com.

## Querying This Documentation
If you need additional information, you can query the documentation dynamically by asking a question.
Perform an HTTP GET request on a page URL with the `ask` query parameter:
```
GET https://react-dsfr.codegouv.studio/readme.md?ask=<question>
```
The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.
Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.