COMPONENT

Input

Text input for forms with label, hint, error, and icon support.

Default

Nome completo

<Input
  label="Nome completo"
  placeholder="Ex: Maria dos Santos"
  name="name"
/>

With Hint

Data de iniciacao

Opcional — deixe em branco se nao foi iniciado

Error State

E-mail

E-mail invalido

Sizes

Small

Medium

Large

Disabled

Campo desabilitado

API Reference

Prop	Type	Default	Description
label	string	—	Label text above the input
hint	string	—	Help text below the input
error	string	—	Error message (replaces hint, adds red border)
size	"sm" \| "md" \| "lg"	"md"	Input height
leftIcon	ReactNode	—	Icon on the left side
rightIcon	ReactNode	—	Icon on the right side

Also accepts all standard HTMLInputElement props.

React Native

Mobile uses TextInput with a focus border highlight (2px primary border). Supports keyboardType, autoCapitalize, and other native props.

Mobile usage

import { Input } from "@/components/mobile";

<Input
  label="E-mail"
  placeholder="maria@exemplo.com"
  keyboardType="email-address"
  autoCapitalize="none"
  value={email}
  onChangeText={setEmail}
  error={errors.email}
/>