/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

0 vote369 views1 answer
Postion on window top css
CSS
0 vote367 views1 answer
Check concurrent connections for linux user
CSS
35 votes391 views2 answers
Css code for margin
CSS
0 vote404 views1 answer
Css safari remove scrollbar
CSS
80 votes375 views2 answers
Text-transform
CSS
1 vote350 views1 answer
Remove arrow summary tag css
CSS
92 votes468 views5 answers
Bootstrap primary color code
CSS Bootstrap
17 votes353 views1 answer
Artillery annot be loaded because running scripts is disabled on this system
CSS
2 votes374 views2 answers
Remove border select css
CSS
0 vote354 views1 answer
Colored button link scss generator
CSS