/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

7 votes363 views4 answers
How to crop images in css
CSS
0 vote358 views1 answer
Text wrap image wordpress css
CSS
0 vote357 views1 answer
Scss import class from another file
CSS
0 vote371 views1 answer
How to make the select box font size small in css
CSS
11 votes366 views1 answer
Html click through elements
CSS
5 votes419 views3 answers
Bootstrap 4 classes list with description pdf
CSS Bootstrap
0 vote357 views1 answer
Scrollbar with 2 different colors on same page css
CSS
1 vote371 views1 answer
Materialize customize container
CSS
8 votes350 views1 answer
Css wordwrap
CSS
49 votes384 views4 answers
Scrollbar
CSS