Icônes
Ajoutez des icônes Font Awesome, Lucide, Tabler ou de sources personnalisées à vos pages avec le composant icône et ses options de taille et de couleur.
Utilisez des icônes de Font Awesome, Lucide, Tabler, des SVG (Scalable Vector Graphics), des URL externes ou des fichiers de votre projet pour enrichir votre documentation.
<Icon icon="flag" size={32} />Icônes d’image personnalisées
Utilisez la prop src pour afficher une image personnalisée en guise d’icône. L’image peut être un fichier de votre projet ou une URL hébergée en externe.
<Icon src="/images/mon-icone.svg" />
<Icon src="https://example.com/icon.png" />Les icônes sont placées en ligne lorsqu’elles sont utilisées dans une phrase, un paragraphe ou un titre. Utilisez les icônes pour la décoration ou pour renforcer l’accent visuel.
Les icônes sont placées en ligne lorsqu'elles sont utilisées dans une phrase, un paragraphe ou un titre. <Icon icon="flag" iconType="solid" /> Utilisez des icônes pour décorer ou ajouter un accent visuel.Vous devez fournir icon ou src.
iconstringIcône à afficher depuis une bibliothèque d’icônes.
Options :
- Nom d’icône Font Awesome si vous avez la propriété
icons.librarydéfinie surfontawesomedans votredocs.json - Nom d’icône Lucide si vous avez la propriété
icons.librarydéfinie surlucidedans votredocs.json - Nom d’icône Tabler si vous avez la propriété
icons.librarydéfinie surtablerdans votredocs.json
srcstringChemin ou URL d’une image à utiliser comme icône. Utilisez src à la place de icon lorsque vous souhaitez utiliser une image personnalisée plutôt qu’une icône d’une bibliothèque.
Options :
- Chemin vers un fichier image dans votre projet (par exemple,
/images/mon-icone.svg) - URL vers une image hébergée en externe (par exemple,
https://example.com/icon.png)
iconTypestringStyle d’icône Font Awesome. Utilisé uniquement avec les icônes Font Awesome.
Options : regular, solid, light, thin, sharp-solid, duotone, brands.
colorstringLa couleur de l’icon sous forme de code hexadécimal (par exemple « #FF5733 »).
sizenumberLa taille de l’icon en pixels.
classNamestringNom de classe CSS personnalisé à appliquer à l’icon.