/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 vote191 views1 answer
Hex color code for tan
CSS
0 vote187 views2 answers
Tailwind css disabled button
CSS
0 vote191 views1 answer
Make footer stick to bottom without overlap over other elements
CSS
0 vote181 views1 answer
Html5 video hide progress bar
CSS
5 votes183 views2 answers
Make text not selectable
CSS
0 vote256 views1 answer
On frontend grivity form css not load
CSS
6 votes192 views1 answer
All text in caps using css
CSS
0 vote137 views0 answer
CSS
1 vote172 views1 answer
Bootstrap col no gaps
CSS
69 votes188 views6 answers
Center image css
CSS