input-*, form groups and validation styling.
Usage#
<input class="input-neon" placeholder="Email" />The classes#
| Class | Purpose |
|---|---|
input-* | Paradigm inputs |
| validation classes | error/success states |
Compose with utilities#
<form class="space-y-4">
<input class="input-neon w-full" placeholder="you@example.com" />
</form>Customization#
v1 components are frozen CSS — customize by overriding after the stylesheet, or by redefining the palette variables they consume.
Accessibility#
- Associate labels; color is never the only error signal
Related#
components/index|Components hub · themes/index|Themes · recipes/index|Recipes