card, card-glass, card-neon, card-hover.
Usage#
<div class="card p-6">Content</div>The classes#
| Class | Purpose |
|---|---|
card | Base card |
card-glass / card-neon | Paradigm cards |
card-hover | Hover lift variant |
Compose with utilities#
<div class="card card-hover p-6">Lifts on hover</div>Customization#
v1 components are frozen CSS — customize by overriding after the stylesheet, or by redefining the palette variables they consume.
Accessibility#
- Whole-card links: keep focus styles on the link, not just hover
Related#
components/index|Components hub · themes/index|Themes · recipes/index|Recipes