Tailwind CSS

Some components style themselves with Tailwind CSS utility classes. Without Tailwind configured in your project, they may render unstyled.

Tailwind Setup

We support both Tailwind v4 (recommended) and Tailwind v3.

Tailwind v4 (recommended)

Tailwind v4 scans your project automatically. As long as your global stylesheet imports Tailwind, the components will style themselves correctly with zero extra configuration:

@import "tailwindcss";

Tailwind v3

On Tailwind v3, ensure that your content array config covers the directory where the components are installed (by default @/components/vv):

// tailwind.config.js
export default {
  content: [
    "./app/**/*.{ts,tsx}",
    "./src/**/*.{ts,tsx}",
    "./components/**/*.{ts,tsx}",
  ],
};