Skip to main content

Tailwind init

Add tailwind to the project​

  • set up
npm install -D tailwindcss postcss autoprefixer
npx tailwindcss init -p
  • inside tailwind.config.js
/** @type {import('tailwindcss').Config} */
module.exports = {
content: ["./src/**/*.{js,jsx,ts,tsx}"],
theme: {
extend: {},
},
plugins: [],
};
  • create file src/index.css and add
@tailwind base;
@tailwind components;
@tailwind utilities;
  • import to the src/index.tsx
import './index.css';