Skip to content
cva

Extending Components

All cva components provide an optional class or className prop, which can be used to pass additional classes to the component.

components/button.ts
import { cva } from "class-variance-authority";


const button = cva("font-semibold");


button({ class: "m-4" });
// => "font-semibold m-4"


button({ className: "m-4" });
// => "font-semibold m-4"