/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 vote275 views1 answer
Justify xd
CSS
0 vote238 views1 answer
Inherit styles
CSS
14 votes224 views2 answers
How to render css in flask link
CSS
0 vote227 views1 answer
Back button css
CSS
9 votes256 views3 answers
Bootstrap list
CSS Bootstrap
1 vote248 views1 answer
How to highlight input on focus with box shadow
CSS
25 votes222 views4 answers
Remove outline
CSS
95 votes262 views6 answers
Drop shadow css
CSS
0 vote230 views1 answer
Add border to the array
CSS
0 vote221 views1 answer
Sticky footer bootstrap 3
CSS