Textarea
Campo de texto multilinha com rótulo, texto auxiliar e estado de erro opcionais.
Demonstração
Até 500 caracteres.
A mensagem é obrigatória.
Props
| Prop | Tipo | Padrão | Descrição |
|---|---|---|---|
label | string | — | componentPages.textarea_prop_label |
helperText | string | — | componentPages.textarea_prop_helperText |
error | string | — | componentPages.textarea_prop_error |
rows | number | 4 | componentPages.textarea_prop_rows |
resize | 'none' | 'vertical' | 'horizontal' | 'both' | 'vertical' | componentPages.textarea_prop_resize |
disabled | boolean | false | componentPages.textarea_prop_disabled |
placeholder | string | — | componentPages.textarea_prop_placeholder |
id | string | — | componentPages.textarea_prop_id |
Uso
import { Textarea } from '@ghiberti85/ui'
// Basic
<Textarea id="bio" label="Bio" placeholder="Tell us about yourself" />
// With helper text
<Textarea id="notes" label="Notes" helperText="Max 500 characters" />
// With error
<Textarea id="msg" label="Message" error="Message is required" />
// Disabled
<Textarea id="msg" label="Message" disabled />
// Custom rows and resize
<Textarea id="desc" label="Description" rows={6} resize="none" />