/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 vote148 views2 answers
How to lighten the color of text in html
CSS
1 vote137 views1 answer
Bootstrap 4 material icon vertical align
CSS
1 vote157 views1 answer
How to make div scrollable horizontal
CSS
2 votes151 views1 answer
Css limit line text
CSS
0 vote147 views1 answer
Project in css transforms
CSS
-1 vote153 views2 answers
Css lock scroll
CSS
0 vote136 views5 answers
How many px is iphone 12 pro max css
CSS
2 votes146 views2 answers
How to move text down in css
CSS
0 vote159 views1 answer
Uninstall wine 6.0.1
CSS
2 votes152 views1 answer
Admin dashboard html css
CSS