---
title: "Extending Components"
description: "Pass extra classes to a cva component with the class or className prop."
url: "https://cva.style/getting-started/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

```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"
```