/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

36 votes133 views6 answers
Css gradient
CSS
24 votes111 views5 answers
Placeholder css
CSS
0 vote79 views1 answer
Sticky form look blurred
CSS
1 vote121 views1 answer
Refresh css on page
CSS
13 votes125 views1 answer
Baclgroud image css
CSS
0 vote109 views1 answer
Css if screen size less than
CSS
92 votes111 views5 answers
Bootstrap primary color code
CSS
0 vote115 views1 answer
How to use css without brackets
CSS
0 vote114 views1 answer
How to make my list unstyled
CSS
4 votes118 views2 answers
Css zebra
CSS