mirror of
https://github.com/mintlify/docs.git
synced 2026-09-14 13:35:46 +08:00
locadex-agent[bot]
9d82233e1c
Co-authored-by: locadex-agent[bot] <217277504+locadex-agent[bot]@users.noreply.github.com>
72 lines
2.3 KiB
Plaintext
72 lines
2.3 KiB
Plaintext
---
|
||
title: "Étapes"
|
||
description: "Créez des procédures numérotées étape par étape avec des indicateurs visuels pour guider les utilisateurs dans des tâches et des tutoriels séquentiels."
|
||
keywords: ["séquence", "étapes numérotées", "procédures", "étapes de tutoriel"]
|
||
---
|
||
|
||
import IconsOptional from "/snippets/fr/icons-optional.mdx";
|
||
|
||
Utilisez des étapes pour présenter une série d’actions ou d’événements successifs. Vous pouvez ajouter autant d’étapes que nécessaire.
|
||
|
||
<Steps>
|
||
<Step title="Première étape">
|
||
Voici des instructions ou un contenu qui s’appliquent uniquement à la première étape.
|
||
</Step>
|
||
|
||
<Step title="Deuxième étape">
|
||
Voici des instructions ou un contenu qui s’appliquent uniquement à la deuxième étape.
|
||
</Step>
|
||
|
||
<Step title="Troisième étape">
|
||
Voici des instructions ou un contenu qui s’appliquent uniquement à la troisième étape.
|
||
</Step>
|
||
</Steps>
|
||
|
||
```mdx Steps example
|
||
<Steps>
|
||
<Step title="Première étape">
|
||
Voici des instructions ou un contenu qui s'appliquent uniquement à la première étape.
|
||
</Step>
|
||
<Step title="Deuxième étape">
|
||
Voici des instructions ou un contenu qui s'appliquent uniquement à la deuxième étape.
|
||
</Step>
|
||
<Step title="Troisième étape">
|
||
Voici des instructions ou un contenu qui s'appliquent uniquement à la troisième étape.
|
||
</Step>
|
||
</Steps>
|
||
```
|
||
|
||
|
||
<div id="steps-properties">
|
||
## Propriétés de Steps
|
||
</div>
|
||
|
||
<ResponseField name="children" type="ReactElement<StepProps>[]" required>
|
||
Une liste de composants `Step`.
|
||
</ResponseField>
|
||
|
||
<ResponseField name="titleSize" type="string" default="p">
|
||
La taille des titres de l’étape. L’une parmi `p`, `h2` et `h3`.
|
||
</ResponseField>
|
||
|
||
<div id="individual-step-properties">
|
||
## Propriétés d’une étape
|
||
</div>
|
||
|
||
<ResponseField name="children" type="string | ReactNode" required>
|
||
Le contenu d’une étape, sous forme de texte brut ou de composants.
|
||
</ResponseField>
|
||
|
||
<IconsOptional />
|
||
|
||
<ResponseField name="title" type="string">
|
||
Le titre est le texte principal de l’étape et s’affiche à côté de l’indicateur.
|
||
</ResponseField>
|
||
|
||
<ResponseField name="stepNumber" type="number">
|
||
Le numéro de l’étape.
|
||
</ResponseField>
|
||
|
||
<ResponseField name="titleSize" type="string" default="p">
|
||
La taille des titres d’étape. Valeurs possibles : `p`, `h2`, `h3`.
|
||
</ResponseField> |