/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 vote121 views1 answer
Css device orientation
CSS
0 vote144 views1 answer
Scroll tbody fixed thead
CSS
7 votes136 views3 answers
Transition shorthand css
CSS
0 vote188 views1 answer
Index.css code not working in 000webhost
CSS
1 vote114 views2 answers
Fit image in grid css
CSS
9 votes179 views3 answers
Bootstrap list
CSS Bootstrap
0 vote147 views1 answer
How to make a flex container full page
CSS
0 vote119 views1 answer
Shadow on hover class on card bootstrap
CSS
0 vote126 views1 answer
Change svg color in pseudo element
CSS
1 vote139 views2 answers
Css ios disable zoom
CSS