Passer au contenu principal
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.

Exemples

Générez une documentation claire et concise.

Basic prompt example

Générez une documentation claire et concise.

Ouvrir dans Cursor
Prompt with multiple properties example

Propriétés

description
string
requis
Le texte affiché sur la carte de prompt. Prend en charge la mise en forme Markdown.
children
string
requis
Le texte du prompt. C’est le texte copié dans le presse-papiers ou ouvert dans Cursor.
actions
array
défaut:"[\"copy\"]"
Tableau des actions disponibles. Les valeurs valides sont "copy" (copier dans le presse-papiers) et "cursor" (ouvrir dans Cursor).
icon
string
L’icône à afficher.Options:
  • Font Awesome nom d’icône, si vous avez la propriété icons.library paramètres définie sur fontawesome dans votre docs.json
  • Lucide nom d’icône, si vous avez la propriété icons.library paramètres définie sur lucide dans votre docs.json
  • Tabler nom d’icône, si vous avez la propriété icons.library paramètres 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.
  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.
iconType
string
Le style d’icône Font Awesome. Utilisé uniquement avec les icônes Font Awesome.Options: regular, solid, light, thin, sharp-solid, duotone, brands.