Input

Campo de entrada de dados com estilos consistentes, suporte a diferentes tamanhos e variações.

Você receberá um link de verificação.

Utilização


index.tsx
import { Input } from "@convertcompany/ui";

Exemplos


Com ícone


Com botão

Você receberá um link de verificação.

Desabilitado


Diferentes tipos


Props

PropriedadeTipo
typeTipo do input, como 'text', 'email', 'file', 'range', etc.
string
variantEstilo visual do campo.
default
unstyled
inputSizeTamanho do campo. Atualmente disponível apenas 'sm'.
sm
classNameClasse CSS adicional.
string
...propsDemais propriedades do elemento <input>.
InputHTMLAttributes<HTMLInputElement>