/CSS/How to properly install tailwind css in react

How to properly install tailwind css in react

Commmand for installing tailwind to react

npm install tailwindcss

Source: daveceddia.com

How to properly install tailwind css in react

@import "tailwindcss/base";

@import "tailwindcss/components";

@import "tailwindcss/utilities";

Source: smashingmagazine.com

How to properly install tailwind css in react

npm install tailwindcss postcss-cli autoprefixer@9.8.6 -D

Source: smashingmagazine.com

How to properly install tailwind css in react

const tailwindcss = require('tailwindcss');
module.exports = {
    plugins: [
        tailwindcss('./tailwind.js'),
        require('autoprefixer')
    ],
};

Source: smashingmagazine.com

How to properly install tailwind css in react

touch postcss.config.js

Source: smashingmagazine.com

How to properly install tailwind css in react

npx create-react-app react-tailwindcss && cd react-tailwindcss

-1

Source: smashingmagazine.com

Similar codes

32 votes171 views6 answers
@font-face in css
CSS
0 vote175 views1 answer
@font-face multiple font weights
CSS
0 vote227 views1 answer
Bootstrap progress bar animation not working
CSS Bootstrap
0 vote163 views2 answers
Css gradient rgba to hex
CSS
0 vote163 views1 answer
If i forked and cloned a github repo can i change the name
CSS
71 votes200 views6 answers
Media queries w3schools
CSS
1 vote180 views1 answer
Css custom bullet list
CSS
1 vote177 views2 answers
Git apagar branch local
CSS
2 votes158 views3 answers
Placeholder color default
CSS
43 votes165 views6 answers
Css font color
CSS