Componentes
Textarea
Campo de várias linhas. Mesmo anel do Input. Mínimo de 96px, cresce na vertical.
estávelEntradadesde 0.1.0@hiboupay/react
Exemplos#
Vai para o histórico. Estorno não passa sem.
Motivo com dica de destino
Importar#
tsx
import { Textarea } from "@hiboupay/react";
import type { TextareaProps } from "@hiboupay/react";Quando usar#
Use quando
- Motivo, nota, descrição.
- Motivo obrigatório do ConfirmGate.
Não use quando
- Uma linha: Input.
Anatomia#
- 01Label
- 02Área de texto
- 03Mensagem
Estados#
defaulthoverfocuserrordisabled
API#
Props documentadas no registro. * indica obrigatória.
| Prop | Tipo | Padrão | Descrição |
|---|---|---|---|
| label | string | Rótulo visível. | |
| hint | string | Dica abaixo. | |
| error | string | Erro; liga aria-invalid. | |
| ...props | TextareaHTMLAttributes | Atributos nativos. |
Acessibilidade#
Teclado
TabFoca. Enter quebra linha.
Leitor de tela
- —Igual ao Input.
Boas práticas#
Faça
- Dica dizendo para onde o texto vai: "Vai para o histórico."
Evite
- Limite de caracteres escondido.
Conteúdo#
- —Placeholder com exemplos reais separados por ponto e vírgula.
Tokens#
Os tokens que desenham este componente. Clique para ver valor, variável e classe.