/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

42 votes227 views5 answers
Npm bootstrap
CSS Bootstrap
0 vote155 views1 answer
How to use the display property
CSS
0 vote176 views1 answer
How to make text in div elements not crumple up when the div element gets smaller
CSS
33 votes167 views6 answers
Git reset head
CSS
5 votes182 views1 answer
Force to load https
CSS
60 votes197 views4 answers
Hide scroll bar for a dive
CSS
-1 vote182 views1 answer
883 usd to nis
CSS
1 vote178 views1 answer
Css target except id
CSS
-1 vote163 views2 answers
Cliping setting
CSS
0 vote182 views1 answer
How to make text transparent with stroke in css
CSS