Skip to content

Extending Components

This content is for Beta. Switch to the latest version for up-to-date documentation.

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 "cva";
const button = cva(/* … */);
button({ class: "m-4" });
// => "…buttonClasses m-4"
button({ className: "m-4" });
// => "…buttonClasses m-4"