mirror of
https://github.com/mintlify/docs.git
synced 2026-09-14 13:35:46 +08:00
mintlify[bot]
90131de012
Co-authored-by: mintlify[bot] <109931778+mintlify[bot]@users.noreply.github.com>
89 lines
3.0 KiB
Plaintext
89 lines
3.0 KiB
Plaintext
---
|
||
title: "Étapes"
|
||
description: "Créez des procédures numérotées étape par étape avec le composant steps pour guider les utilisateurs dans tâches séquentielles, tutoriels et configurations."
|
||
keywords: ["séquence", "étapes numérotées", "procédures", "étapes de tutoriel"]
|
||
boost: 3
|
||
---
|
||
|
||
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 Étapes
|
||
</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 d’étape. Valeurs possibles : `p`, `h2`, `h3` et `h4`.
|
||
</ResponseField>
|
||
|
||
<ResponseField name="className" type="string">
|
||
Classes CSS supplémentaires à appliquer au conteneur des étapes.
|
||
</ResponseField>
|
||
|
||
<div id="individual-step-properties">
|
||
## Propriétés de chaque étape
|
||
</div>
|
||
|
||
<ResponseField name="title" type="string" required>
|
||
Le titre est le texte principal de l'étape et s'affiche à côté de l'indicateur. Prend en charge la mise en forme Markdown en ligne, comme `**bold**`, `_italic_` et `` `code` ``.
|
||
</ResponseField>
|
||
|
||
<ResponseField name="children" type="string | ReactNode">
|
||
Le contenu d'une étape, sous forme de texte brut ou de composants.
|
||
</ResponseField>
|
||
|
||
<IconsOptional />
|
||
|
||
<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` et `h4`.
|
||
</ResponseField>
|
||
|
||
<ResponseField name="id" type="string">
|
||
Un ID personnalisé pour l’étape, utilisé pour les liens d’ancrage et la navigation dans la table des matières.
|
||
</ResponseField>
|
||
|
||
<ResponseField name="noAnchor" type="boolean" default="false">
|
||
Indique s’il faut masquer le lien d’ancrage de l’étape.
|
||
</ResponseField>
|
||
|
||
<ResponseField name="className" type="string">
|
||
Classes CSS supplémentaires à appliquer à l’étape.
|
||
</ResponseField> |