Input
Campo de texto acessível com rótulo, erro e estados desabilitados.
Demonstração
Por favor, insira um endereço de e-mail válido.
Props
| Prop | Tipo | Padrão | Descrição |
|---|---|---|---|
label | string | — | Texto do rótulo visível renderizado acima do input. |
error | string | — | Mensagem de erro exibida abaixo do input. |
helperText | string | — | Texto auxiliar exibido abaixo do input. |
disabled | boolean | false | Desabilita o input. |
placeholder | string | — | Texto de placeholder exibido quando o input está vazio. |
id | string | — | Atributo id HTML, usado para vincular o rótulo ao input. |
Uso
import { Input } from '@ghiberti85/ui'
// Default
<Input label="Email" id="email" placeholder="you@example.com" />
// With error
<Input
label="Email"
id="email-error"
placeholder="you@example.com"
error="Please enter a valid email address."
/>
// Disabled
<Input label="Email (disabled)" placeholder="you@example.com" disabled />