/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 vote117 views1 answer
Pass argument to group_by
CSS
4 votes122 views4 answers
Change placeholder color
CSS
-1 vote169 views1 answer
Remove line breaks css
CSS
0 vote134 views1 answer
Unable to locate package neo4j
CSS
2 votes154 views1 answer
Tailwind icon animation
CSS
0 vote131 views4 answers
How to pass html number to css
CSS
4 votes127 views1 answer
Plasma state of matter
CSS
0 vote129 views1 answer
How to add images on images css
CSS
2 votes128 views1 answer
Vh vs vw css
CSS
0 vote124 views2 answers
Curved lines css
CSS