🧩Components

The components are documented individually on a separate website.

react-dsfr componentscomponents.react-dsfr.codegouv.studio

Customization

What to do if you want to customize the components beyond what the props allow.

The classes property

Every component of react-dsfr accepts an optional classes property that enables you to customize their look at a fine grained level.

Available classes on the Alert components

We add a 5v margin-top to the close button

Before

After

Creating a custom component

Cusomizing a component - NOTE: theme.decisions... is now fr.colors.decisions...