search

dataesr / react-dsfr

Non-official React components of the official french Système de Design de l'État.
https://dataesr.github.io/react-dsfr/
MIT License
44 stars 22 forks source link

[documentation] Icons class names have to be updated #227

Closed OfficierAzarov closed 2 years ago

OfficierAzarov commented 2 years ago

Current behaviour: examples given on this page don't work.

Fix proposal: update class names according to the new DSFR naming conventions by replacing "ri" prefix with the "fr-fi" prefix.

import Icon from './Icon';
import Link from '../../interface/Link';

<Link
    title="title"
    icon="ri-twitter-line"
    iconPosition="left"
    >this is a link
</Link>

would become

import Icon from './Icon';
import Link from '../../interface/Link';

<Link
    title="title"
    icon="fr-fi-twitter-line"
    iconPosition="left"
    >this is a link
</Link>
poplingue commented 2 years ago

Documentation is broken because of styleguidist