SHELL

how to install tailwind for react

1) Install in your project
npm install -D tailwindcss postcss autoprefixer

2) Install tailwindcss and its peer 
dependencies via npm, and then run 
the init command to generate both 
tailwind.config.js and postcss.config.js.
"npx tailwindcss init -p"

3) Configure your template paths.
Add the paths to all of your template 
files in your tailwind.config.js file.

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

4) Add the Tailwind directives to your CSS
Add the @tailwind directives for each of Tailwind’s 
layers to your ./src/index.css file.
"@tailwind base;"
"@tailwind components;"
"@tailwind utilities;"

commmand for installing tailwind to react

npm install tailwindcss

install tailwind react

Explained well in the source below
https://www.youtube.com/watch?v=kyjmpeBbtPg