/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 vote118 views1 answer
Span size css
CSS
2 votes113 views1 answer
How to apply hover through inline css
CSS
7 votes130 views2 answers
Html remove border from textarea
CSS
0 vote125 views2 answers
Css background-clip
CSS
0 vote120 views1 answer
Easyui how to change datagrid header height
CSS
5 votes116 views3 answers
How to trim leading spaces in html using css
CSS
43 votes100 views6 answers
Css font color
CSS
1 vote121 views2 answers
Css ios disable zoom
CSS
16 votes114 views4 answers
Change background CSS
CSS
0 vote106 views1 answer
Couloured button link generator code
CSS