/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 vote337 views1 answer
Css background color over image
CSS
0 vote323 views1 answer
How to draw rhombus in css
CSS
0 vote324 views1 answer
Col
CSS
156 votes388 views6 answers
Center a div css
CSS
0 vote349 views1 answer
How to debug datatables
CSS
0 vote297 views1 answer
ERROR in multi ./node_modules/ngx-toastr/toastr.css ./src/styles.scss
CSS
28 votes359 views6 answers
Margin
CSS
0 vote326 views1 answer
Enque script only on specific archive page
CSS
68 votes397 views1 answer
Css flexbox syntax
CSS
0 vote328 views1 answer
Css media queries if else
CSS