/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

21 votes133 views2 answers
Form field focus border remove css
CSS
0 vote146 views2 answers
Wow.js
CSS
1 vote146 views1 answer
Change mat icon size
CSS
0 vote199 views1 answer
Materialisecss
CSS
1 vote174 views1 answer
Webkit css
CSS
0 vote147 views1 answer
Sass file
CSS
8 votes150 views2 answers
Css list style
CSS
0 vote150 views1 answer
Have an item span multiple columns css grid
CSS
0 vote172 views1 answer
Mvc how to css file linked
CSS
0 vote158 views1 answer
@font-face
CSS