AppHelp
Convertir un SVG en composant React ou TypeScript
Collez ou ouvrez un SVG, choisissez les options JSX et TypeScript, puis copiez ou téléchargez le composant localement.
Atelier SVG vers React
Convertissez les attributs SVG en JSX, ajoutez des props React et exportez du JSX ou TypeScript localement.
1. Entrée SVG
2. Options du composant
Tâches courantes
- SVG vers JSX
- SVG vers React
- SVG vers TSX
- composant SVG React
Réponse rapide
Collez le SVG, nommez le composant, choisissez JSX ou TypeScript et configurez taille responsive, currentColor, titre, description, memo, ref et export. Tout reste dans le navigateur.
Mode d'emploi
- 1. Entrer le SVGCollez le balisage ou ouvrez un fichier SVG.
- 2. Choisir les optionsDéfinissez nom, types, couleur, taille, props et export.
- 3. Tester et exporterCopiez, formatez et testez le code dans le projet cible.
Fonctionnalités
- Attributs JSX compatibles React
- Sortie JSX ou TypeScript
- Taille responsive et currentColor
- Options titre, description, memo et ref
- Aperçu et téléchargement locaux
Questions fréquentes
- Les fichiers sont-ils téléversés ?
- Non. La conversion, l'aperçu et l'export se font localement dans le navigateur.