Área de texto
Um campo multilinha construído sobre React Aria - o mesmo shell, etiqueta, dica e estados como Entrada, além de crescimento automático e contagem de caracteres para notas, mensagens e páginas de configurações.
Instalação
Você pode adicionar o componente de área de texto usando nosso CLI ou manualmente:
Modo escuro pronto - este componente segue tokens semânticos BoardUI automaticamente. Configurar a mudança de tema.
O CLI copia a fonte do componente (com suas dependências internas) em seu projeto e instala quaisquer pacotes npm necessários.
npx boardui@latest add textareaUsando um pacote de UI compartilhado ou aliases de importação personalizados? Configure seus caminhos de instalação antes de executar o CLI. Exemplos de copy-paste usam as importações padrão.
Tamanhos
medium e small corresponder Campo de texto's insets, então os dois componentes empilham em uma forma sem costura. rows define a altura de repouso.
Redimensionar automaticamente
autoResize cresce o campo com seu texto, uma linha de cada vez, entre rows e maxRows. Depois do teto ele rola. A altura é medida a partir de zero em cada mudança, de modo que o campo encolhe quando o texto é excluído.
Número de caracteres
showCount coloca o contador na linha de dicas. Com maxLength lê- se 12/160 e o navegador impõe o limite; sem um, apenas conta.
Estados
Hover e foco cruzam o anel. é Desabilitado e isInvalid substituir ambos e repintar o campo, dica e etiqueta. resize="none" remove a pega nativa quando uma altura fixa importa mais do que o conforto do leitor.