Installation
Get started with Tailblazer UI by installing the dependencies
Install dependencies
pnpm install -D tailwindcss postcss autoprefixer
Initialize Tailwind CSS
npx tailwindcss init -p
Configuration
Add the required configuration to your project
tailwind.config.js
module.exports = {
darkMode: ["class"],
content: [
"./pages/**/*.{js,ts,jsx,tsx}",
"./components/**/*.{js,ts,jsx,tsx}",
"./app/**/*.{js,ts,jsx,tsx}",
],
theme: {
extend: {
colors: {
background: "hsl(var(--background))",
foreground: "hsl(var(--foreground))",
primary: {
DEFAULT: "hsl(var(--primary))",
foreground: "hsl(var(--primary-foreground))",
},
},
},
},
plugins: [],
}