import { Controls, Canvas, Meta } from '@storybook/addon-docs/blocks';

import * as AmeliproIconStories from './AmeliproIcon.stories';

<Meta of={AmeliproIconStories} />

# AmeliproIcon

{/* func-version-start */}
<p className="func-version-badge">Dernière mise à jour fonctionnelle : V1.0.20 - 09/02/2026</p>
{/* func-version-end */}
{/* a11y-version-start */}
<p className="a11y-version-badge">Dernière mise à jour accessibilité : V1.0.20 - 11/02/2026</p>
{/* a11y-version-end */}


L’élément `AmeliproIcon` est utilisé pour afficher les icônes personnalisées ou les icônes material design.

<Canvas of={AmeliproIconStories.Default} />

Les icônes utilisées sur le portail et produits amelipro ont deux rôles différents : appel à l’action et illustration. Quel que soit le rôle de l’icône, elle doit toujours être utilisée à bon escient et se faire accompagner d’un texte ou libellée si l’usage n’est pas standard et risque d’affecter la compréhension par les utilisateurs.

## API

<Controls of={AmeliproIconStories.Default} />