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

import * as AmeliproNumberedCardStories from './AmeliproNumberedCard.stories';

<Meta of={AmeliproNumberedCardStories} />

# AmeliproNumberedCard

{/* func-version-start */}
<p className="func-version-badge">Dernière mise à jour fonctionnelle : V1.0.25 - 21/04/2026</p>
{/* func-version-end */}


L’élément `AmeliproNumberedCard` est utilisé pour afficher les éléments de type liste de cartes numérotées dans la charte Amelipro

<Canvas of={AmeliproNumberedCardStories.Default} />

## API

<Controls of={AmeliproNumberedCardStories.Default} />

## Règles d’usage

Les cartes numérotées sont utilisées pour signifier une liste d'étapes sur un même écran, contrairement au `AmeliproStepper` qui lui propose une étape par page.

Pour utiliser ce composant il faut au minimum une liste de deux cartes numérotées. S'il n'y a qu'une carte, inutile de la numéroter, il faudra donc préférer un `AmeliproCard` à ce moment là.