CVA (Class Variance Authority)
This module exposes Twig's `html_cva` function to Drupal templates, allowing developers to manage component variants using the Class Variance Authority (CVA) pattern. This is particularly helpful for building reusable components, especially when working with utility-first CSS frameworks like Tailwind CSS.
⚠️ Note: CVA support was added to Drupal core 11.4! If you're on 11.4 or later, you do not need this module; if you're a theme developer, you can use core's CVA support exactly as described below. This module will not be released for Drupal 12, and is no longer being worked on.
Exposes Twig's built-in html_cva function to Drupal templates, enabling Class Variance Authority (CVA) for managing component variants. Useful for building reusable components with Tailwind CSS and other utility-first frameworks. This helps manage component variants (size, color, style, etc.) in Twig templates using a CVA pattern, similar to shadcn/ui and other component libraries.
Usage Example
{% set button = html_cva(
base: 'button',
variants: {
variant: { primary: 'bg-blue', secondary: 'bg-gray' },
size: { sm: 'text-sm', md: 'text-base', lg: 'text-lg' }
}
) %}
<button class="{{ button.apply({variant: 'primary', size: 'md'}) }}">
Click me
</button>
Depends on
Dependencies of the latest stable release
No dependencies recorded for this project.
Required by
8 tracked projects depend on this one
- Byte (theme) 3,451 sites
- Mercury 2,996 sites
- Haven (theme) 2,626 sites
- Diagnosis 120 sites
- Care Sphere Theme 65 sites
- Flexus 36 sites
- Everbright (theme) 33 sites
- Forma (theme) 29 sites
Activity
Releases
| Version | Type | Core | Notes | Release date | |
|---|---|---|---|---|---|
| 1.0.0 | Stable | 11 | Stable release | Jan 21, 2026 | |
| 1.0.0-beta1 | Pre-release | 11 | Nov 20, 2025 |