Je voudrais importer quelques composants de la bibliothèque CSS Ant Design React
mais je n'arrive pas à le faire fonctionner. Je veux pouvoir importer un seul composant sans que cela ne gêne le reste de mon CSS
.
Voici ce que j'ai essayé:
import Button from 'antd/lib/button'; import 'antd/lib/button/style/css';
===> n'importe pas le style.
import Button from 'antd/lib/button'; import 'antd/lib/button/style';
===> fonctionne, mais gâche le reste de l'application
J'ai essayé de faire ce qui est écrit ici, importer AntD à la demande a>:
===> ne fonctionne pas, n’importe pas le style
Ma question: y a-t-il un guide pas à pas pour faire ce que je veux ?
Je ne suis pas le seul à vouloir faire ça et à avoir des problèmes, ici, un gars sur Reddit , j'ai trouvé beaucoup d'autres liens et j'ai tout essayé, absolument rien n'a fonctionné.
Merci !
3 Réponses :
import {Button} from 'antd' import 'antd/lib/button/style'; worked for me...what do you mean by '===> does not import the style.` ???
Je veux dire ce que j'ai dit ^^ Cela n'importe simplement pas les styles, ce qui signifie que je me retrouve avec un composant Button qui n'est qu'un bouton HTML, sans le css sophistiqué qui va avec. Notez que je n'obtiens aucune erreur lors de l'importation, il semble donc qu'il importe le fichier mais aucun style n'est appliqué à mon bouton
import { Spin, Icon } from 'antd'; import 'antd/lib/spin/style/css'; worked for me antd version 3.17.0
Dans votre fichier global style.css, essayez:
@import '~antd/dist/antd.css';
avez-vous déjà résolu ça? im courant dans ce problème. me rendant fou, je ne veux pas importer le fichier antd.min.css