how to install tailwind css in react code example

Example 1: commmand for installing tailwind to react

npm install tailwindcss

Example 2: how to properly install tailwind css in react

@import "tailwindcss/base";

@import "tailwindcss/components";

@import "tailwindcss/utilities";

Example 3: how to setup tailwind for reactjs

npm install -D tailwindcss@npm:@tailwindcss/postcss7-compat @tailwindcss/postcss7-compat postcss@^7 autoprefixer@^9

Example 4: how to properly install tailwind css in react

npx tailwind init tailwind.js --full

Example 5: how to properly install tailwind css in react

npm install tailwindcss postcss-cli [email protected] -D

Example 6: how to properly install tailwind css in react

const tailwindcss = require('tailwindcss');
module.exports = {
    plugins: [
        tailwindcss('./tailwind.js'),
        require('autoprefixer')
    ],
};