Answers for "tailwind in react js"

tailwind in react

npm install -D tailwindcss postcss autoprefixer
npx tailwindcss init -p
//tailwind.config.js
content: [
    "./src/**/*.{js,jsx,ts,tsx}",
  ],
//index.css
@tailwind base;
@tailwind components;
@tailwind utilities;

how to setup tailwind for reactjs

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

how to use tailwind with react

module.exports = {
  content: [
    "./src/**/*.{js,jsx,ts,tsx}",
  ],
  theme: {
    extend: {},
  },
  plugins: [],
}

react app and tailwind

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