/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

16 votes245 views5 answers
Sass loops
CSS
0 vote144 views1 answer
Change mouse pointer on image hover
CSS
42 votes158 views6 answers
How to change font color in css
CSS
1 vote162 views1 answer
Hover button scss
CSS
0 vote144 views1 answer
Django validation error css
CSS
7 votes139 views3 answers
Border width css
CSS
0 vote171 views2 answers
How to remove white space in the right side of web page
CSS
0 vote142 views1 answer
Ffmpeg add text with positions relative to video & text dimensions
CSS
0 vote156 views1 answer
How to align divs in a row
CSS
35 votes158 views4 answers
Css nth element
CSS