/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 vote272 views1 answer
Css 2 <p> next to each other
CSS
0 vote276 views1 answer
Grippy css
CSS
0 vote247 views1 answer
Change image link css
CSS
0 vote289 views2 answers
Woocommerce align add to cart buttons css
CSS
5 votes253 views3 answers
Css set div heigtto screen
CSS
0 vote262 views1 answer
Add black layer on image css
CSS
0 vote271 views1 answer
Mettre image in the background
CSS
2 votes243 views1 answer
Margin for text in html
CSS
0 vote243 views1 answer
Affect top div opacity without affecting childrne
CSS
0 vote269 views1 answer
CSS blue bottom right Box shadow
CSS