API Reference

cva

Builds a cva component

const component = cva("base", options);

Parameters

1. base: the base class name (string, string[] or other clsx value (opens in a new tab))
2. options (optional)
   • variants: your variants schema
   • compoundVariants: variants based on a combination of previously defined variants
   • defaultVariants: set default values for previously defined variants.
     note: these default values can be removed completely by setting the variant as null

Returns

A cva component function

cx

Concatenates class names (an alias of clsx (opens in a new tab))

const className = cx(classes);

Parameters

• classes: array of classes to be concatenated (see clsx usage (opens in a new tab))

Returns

string