Documentation

Learn how to install and use our components in your projects.

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: [],
}