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;"