Lumina

Component · Atomic

Input

Campo de texto base. Foco respira com ring de 3 px no primary, transição apenas em color e box-shadow.

nativesource

Import

import { Input } from "@nimbuslab/lumina/components/input"

Default

Estados

Tipos

Código

TSX

Acessibilidade

  • Sempre acompanhe de um Label com htmlFor.
  • aria-invalid ativa o ring destructive.
  • Nunca remova o ring de foco. WCAG AAA exige.