Pular para o conteúdo
Componentes
04 · Inputs & Forms

Campos que reagem

// Máscaras BR & validação ao vivo

Digite para ver a validação por dígito verificador.

Clique no olho para revelar.

// Tipos

Redimensionável na vertical.

// Estados

Tudo certo!

// Como usar

import { SvInput } from "@/components/ui/sv-input"

// Máscara BR automática por tipo
<SvInput label="CPF" type="cpf" value={cpf} onChange={e => setCpf(e.target.value)} />

// Estados
<SvInput label="E-mail" type="email" error="Formato inválido." />
<SvInput label="OK" success="Tudo certo!" />

Máscaras exportadas como masks.cpf / masks.cep / masks.phone para reuso — ex.: (11) 99999-8888.