/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

3 votes290 views1 answer
Increase text from input
CSS
6 votes200 views2 answers
Remove horizontal scrollbar css
CSS
8 votes189 views3 answers
Background image fill div
CSS
1 vote188 views1 answer
Svg tailwind
CSS
23 votes203 views5 answers
Linear gradient border
CSS
2 votes394 views2 answers
Remove input styling
CSS
0 vote214 views2 answers
Woocommerce cart css description
CSS
6 votes206 views2 answers
Css border opacity
CSS
0 vote152 views1 answer
Flex-decoration column
CSS
1 vote155 views1 answer
Css div text size
CSS