Installation

Package Managers

Install css-variants using your preferred package manager:

npm

npm install css-variants

pnpm

pnpm add css-variants

Yarn

yarn add css-variants

Requirements

Works with any modern JavaScript environment

Module Formats

css-variants ships with dual CJS/ESM builds, so it works in any environment:

// ESM
import { cv, scv, sv, ssv, cx } from 'css-variants'

// CommonJS
const { cv, scv, sv, ssv, cx } = require('css-variants')

What’s included

The package exports five main functions:

Export	Description
cv	Class variants for single-element components
scv	Slot class variants for multi-element components
sv	Style variants for inline CSS styles
ssv	Slot style variants for multi-element inline styles
cx	Class name merger utility

Next Steps

Now that you have css-variants installed, check out the Quick Start guide to create your first variant.