Variants
Canned styles available to easily customize elements, components, and more.
Usage
Implement using .variant-[style]-[color]. Automatically applies an accessible text or SVG fill color.
<div class="variant-filled-primary">primary</div>Filled
Ghost
Soft
Ringed
Glass
Adds a frosted glass style effect. Perfect for overlapping busy or animated backgrounds.
Gradients
Provides two-toned gradient combinations. Requires a direction, such as bg-gradient-to-br (bottom-right).