/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

258 votes547 views6 answers
ForEach
CSS
1 vote345 views1 answer
Multiple values in @media
CSS
16 votes399 views2 answers
Css not last child
CSS
1 vote438 views3 answers
Bootstrap table text vertical align center
CSS Bootstrap
3 votes353 views4 answers
Keep aspect ratio of image css
CSS
7 votes370 views2 answers
Vue sass loader
CSS
101 votes332 views4 answers
Css top padding
CSS
8 votes340 views3 answers
Padding css 3 values
CSS
2 votes336 views1 answer
Minimum margin css
CSS
3 votes373 views1 answer
Fontawesome trash icon
CSS