components.md

🧩 Components

The components are documented individually on a separate website.

{% embed url="https://components.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

{% embed url="https://youtu.be/9uaPv-Q9fe4" %} Cusomizing a component - NOTE: theme.decisions... is now fr.colors.decisions... {% endembed %}