/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

44 votes246 views6 answers
Select odd child css
CSS
3 votes258 views3 answers
Css brightness
CSS
0 vote241 views1 answer
Lier class et css
CSS
1 vote251 views1 answer
Css line break width
CSS
1 vote240 views1 answer
Url css
CSS
5 votes264 views1 answer
How to center with translate
CSS
3 votes252 views3 answers
How to change paragraph text color to orange - css
CSS
2 votes253 views2 answers
No gutter in bootstrap css for row
CSS
0 vote244 views1 answer
Smooth button effect css
CSS
0 vote273 views1 answer
Operador css contain attr
CSS