/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 vote359 views1 answer
Hide navbar css
CSS
0 vote322 views1 answer
How to give a background color strip in html and css
CSS
0 vote397 views1 answer
Text in circle css
CSS
0 vote380 views1 answer
Css 2 divs nebeneinander
CSS
1 vote367 views1 answer
Html how to use a background image fill not stretch
CSS
1 vote399 views2 answers
Toast js
CSS
0 vote350 views1 answer
Disable line breaking html span
CSS
0 vote398 views1 answer
Css nearest neighbor
CSS
1 vote332 views1 answer
Vue import css scoped
CSS
3 votes374 views1 answer
Css display block ease in
CSS