/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

0 vote319 views1 answer
React wrapper component
CSS
11 votes303 views3 answers
Filter for css white color
CSS
0 vote312 views1 answer
Style scroll react csss
CSS
16 votes264 views2 answers
Set font color in css
CSS
8 votes302 views1 answer
Remove botton styles
CSS
0 vote273 views1 answer
Css ol align center
CSS
47 votes305 views6 answers
Css center text in div
CSS
0 vote304 views1 answer
How to increase height of input box in css
CSS
0 vote311 views1 answer
Django html not using css
CSS
6 votes297 views2 answers
Update checkbox size css
CSS