/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
Display none opposite
CSS
0 vote212 views1 answer
Font helvetica css
CSS
3 votes200 views2 answers
Css text limit
CSS
0 vote191 views1 answer
Repartir div vertical ecran css
CSS
1 vote202 views2 answers
Css button border
CSS
1 vote215 views1 answer
Bootstrap word-wrap: break-word;
CSS
0 vote192 views1 answer
Csshx iterm2
CSS
2 votes209 views1 answer
How to fix the footer at the bottom of the page
CSS
2 votes194 views1 answer
Ho to choose the first child of parent in css
CSS
0 vote221 views1 answer
Css Formes géométriques
CSS