TextInput

Formulário

Campo de texto de uma linha. Funciona direto com o register do React Hook Form.

Substitui no Brain:Entradaui inputpartners input

Ícone, tamanhos e estados

import { TextInput } from "@paytime/ui";
import { Search } from "lucide-react";

export default function Example() {
  return (
    <div className="grid max-w-md gap-3">
      <TextInput leading={<Search className="size-4.25" />} placeholder="Buscar parceiro" />
      <TextInput size="sm" placeholder="Pequeno" />
      <TextInput size="lg" placeholder="Grande" />
      <TextInput success defaultValue="Validado" />
      <TextInput disabled defaultValue="Desabilitado" />
      <TextInput readOnly defaultValue="Somente leitura" />
    </div>
  );
}