/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

26 votes342 views4 answers
Css background image cover
CSS
0 vote320 views1 answer
How to link css file nodjes
CSS
0 vote322 views1 answer
~@danielmoncada/angular-datetime-picker/assets/style/picker.min.css"
CSS
0 vote332 views1 answer
Cannot apply border radius to tr
CSS
12 votes324 views1 answer
Disable increment in input type number
CSS
4 votes341 views3 answers
Css image cover
CSS
0 vote345 views2 answers
Wordpress style.css not updating
CSS
1 vote354 views1 answer
Make web page float to center of page
CSS
0 vote323 views1 answer
Api not working in github pages
CSS
2 votes327 views2 answers
Css glow on hover
CSS