/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

3 votes140 views1 answer
Inline block align center
CSS
0 vote136 views1 answer
Sub menu disappears on hover css
CSS
0 vote134 views1 answer
Css transparent background behind text
CSS
39 votes141 views4 answers
Css z-index
CSS
8 votes131 views2 answers
Font roboto css
CSS
0 vote174 views1 answer
After before effect in css
CSS
1 vote125 views1 answer
Html center video
CSS
0 vote138 views1 answer
Css template columns and rows
CSS
1 vote134 views1 answer
Apply css if class not present
CSS
2 votes139 views2 answers
Image rendering values css
CSS