Design SystemComponents
Input
Campo de texto com borda hairline e foco via ring semântico.
Import: import { Input } from "@ascend/ui/input" · import { Label } from "@ascend/ui/label"
Campo padrão
Label overline
Estados
Contrato
- Mesmo raio e hairline do Button
- Foco:
border-ring+ ring 1px (sem ring-offset largo) aria-invalidpinta borda/ring destructive- Label
overlinepara hierarquia técnica (tracking amplo)