Extending Components

Caution

You are currently viewing the docs for cva@beta
For stable documentation, please visit cva.style.

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"