/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 vote225 views1 answer
Css line-through with words
CSS
9 votes155 views4 answers
Css size button
CSS
0 vote144 views1 answer
Css if element is empty
CSS
27 votes156 views4 answers
Css keyframes
CSS
1 vote269 views1 answer
Css don't break elements
CSS
3 votes156 views2 answers
Align an entire second row center css grid
CSS
0 vote157 views1 answer
Copy html css from website
CSS
16 votes159 views2 answers
Css not last child
CSS
0 vote162 views3 answers
Svg background css
CSS
0 vote165 views1 answer
Style scroll react csss
CSS