Input

Text input with label, helper text, icon, password toggle, and error and disabled states.

Default

Input variants

Nome completo

Nome como aparece no documento.

Busca

Senha

E-mail

Formato de e-mail inválido.

Campo desabilitado

// Básico — Label + Input do pacote
<div className="space-y-1.5">
  <Label htmlFor="name">Nome completo</Label>
  <Input id="name" placeholder="Digite seu nome" />
</div>

// Com ícone — InputGroup composition
<InputGroup>
  <InputGroupAddon>
    <IconSearch />
  </InputGroupAddon>
  <InputGroupInput placeholder="Buscar..." />
</InputGroup>

// Com erro — aria-invalid pinta o token destructive
<Input aria-invalid placeholder="seu@email.com" />

// Desabilitado
<Input disabled placeholder="Indisponível" />