> ## Documentation Index
> Fetch the complete documentation index at: https://adminroletesting-justin-client-exports.mintlify.site/llms.txt
> Use this file to discover all available pages before exploring further.

# Prompt

> Affichez des prompts IA préconstruits avec boutons de copie en un clic et d'intégration Cursor pour que les utilisateurs les utilisent dans leurs outils IA.

Utilisez le composant Prompt pour afficher des prompts d’IA prédéfinis que les utilisateurs peuvent copier dans le presse-papiers ou ouvrir directement dans [Cursor](https://www.cursor.com).

<div id="examples">
  ## Exemples
</div>

<Prompt description="Générez une documentation claire et concise.">
  Vous êtes un **assistant en rédaction technique**. Rédigez une documentation claire, précise et concise.

  * Utilisez la deuxième personne ("vous") et des verbes à la voix active.
  * Commencez les procédures par un titre axé sur l'objectif.
  * Avant d'écrire, posez des questions pour clarifier qui sont les utilisateurs finaux de la documentation, ainsi que leurs objectifs et leurs besoins.
</Prompt>

```mdx Basic prompt example theme={null}
<Prompt description="Générer une documentation claire et concise.">
Vous êtes un **assistant de rédaction technique**. Rédigez une documentation claire, précise et concise.
- Utilisez la deuxième personne (« vous ») et des verbes actifs.
- Commencez les procédures par un titre orienté vers l'objectif.
- Avant de rédiger, posez des questions de clarification sur les utilisateurs finaux de la documentation, leurs objectifs et leurs besoins.
</Prompt>
```

<Prompt description="Générez une documentation **claire** et *concise*." icon="paperclip" iconType="solid" actions={["copy", "cursor"]}>
  Vous êtes un **assistant de rédaction technique**. Rédigez une documentation claire, précise et concise.

  * Utilisez la deuxième personne (le pronom "vous") et des verbes à la voix active.
  * Commencez les procédures par un titre axé sur l’objectif.
  * Avant d’écrire, posez des questions pour clarifier qui sont les utilisateurs finaux de la documentation, ainsi que leurs objectifs et leurs besoins.
</Prompt>

```mdx Prompt with multiple properties example theme={null}
<Prompt
  description="Generate **clear**, *concise* documentation."
  icon="paperclip"
  iconType="solid"
  actions={["copy", "cursor"]}
>
Vous êtes un **assistant de rédaction technique**. Rédigez une documentation claire, précise et concise.
- Utilisez la deuxième personne (« vous ») et des verbes d'action.
- Commencez les procédures par un titre orienté vers l'objectif.
- Avant de rédiger, posez des questions de clarification concernant les utilisateurs finaux de la documentation, leurs objectifs et leurs besoins.
</Prompt>
```

<div id="properties">
  ## Propriétés
</div>

<ResponseField name="description" type="string" required>
  Le texte affiché sur la carte de prompt. Prend en charge la mise en forme Markdown.
</ResponseField>

<ResponseField name="children" type="string" required>
  Le texte du prompt. C’est le texte copié dans le presse-papiers ou ouvert dans Cursor.
</ResponseField>

<ResponseField name="actions" type="array" default="[&#x22;copy&#x22;]">
  Tableau des actions disponibles. Les valeurs valides sont `"copy"` (copier dans le presse-papiers) et `"cursor"` (ouvrir dans Cursor).
</ResponseField>

<ResponseField name="icon" type="string">
  L’icône à afficher.

  Options:

  * [Font Awesome](https://fontawesome.com/icons) nom d’icône, si vous avez la propriété `icons.library` [paramètres](/fr/organize/settings#param-icons) définie sur `fontawesome` dans votre `docs.json`
  * [Lucide](https://lucide.dev/icons) nom d’icône, si vous avez la propriété `icons.library` [paramètres](/fr/organize/settings#param-icons) définie sur `lucide` dans votre `docs.json`
  * [Tabler](https://tabler.io/icons) nom d’icône, si vous avez la propriété `icons.library` [paramètres](/fr/organize/settings#param-icons) définie sur `tabler` dans votre `docs.json`
  * URL vers une icône hébergée en externe
  * Chemin vers un fichier d’icône dans votre projet
  * Code SVG entouré d’accolades

  Pour les icônes SVG personnalisées:

  1. Convertissez votre SVG avec le [convertisseur SVGR](https://react-svgr.com/playground/).
  2. Collez votre code SVG dans le champ d’entrée SVG.
  3. Copiez l’élément complet `<svg>...</svg>` depuis le champ de sortie JSX.
  4. Enveloppez le code SVG compatible JSX dans des accolades : `icon={<svg ...> ... </svg>}`.
  5. Ajustez `height` et `width` selon vos besoins.
</ResponseField>

<ResponseField name="iconType" type="string">
  Le style d’icône [Font Awesome](https://fontawesome.com/icons). Utilisé uniquement avec les icônes Font Awesome.

  Options: `regular`, `solid`, `light`, `thin`, `sharp-solid`, `duotone`, `brands`.
</ResponseField>