/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

1 vote260 views1 answer
Setting paragraph margin to 0
CSS
0 vote269 views2 answers
Html overflow scroll only if needed with exemple
CSS
0 vote341 views1 answer
Bootstrap create full screen background image
CSS Bootstrap
0 vote267 views1 answer
Scss color black white
CSS
0 vote294 views1 answer
How to code color css property
CSS
0 vote267 views1 answer
Divi submenu collapse by default
CSS
0 vote269 views1 answer
How to hide text that is longer than its parent div
CSS
4 votes274 views2 answers
Css selected color
CSS
0 vote270 views1 answer
How to get two elements on the same line html
CSS
1 vote287 views1 answer
Css transform border radius
CSS