Texto autoajustável

Um componente de texto para React que se ajusta conforme o conteúdo.

📦 2.1 kB gzipped

O componente TextareaAutosize ajusta automaticamente a altura do textarea em eventos de teclado e redimensionamento de janela.

A paleta com funções de estilo.

Vazio

<TextareaAutosize
  aria-label="empty textarea"
  placeholder="Empty"
  style={{ width: 200 }}
/>

Altura mínima

<TextareaAutosize
  aria-label="minimum height"
  minRows={3}
  placeholder="Minimum 3 rows"
  style={{ width: 200 }}
/>

Altura máxima

<TextareaAutosize
  maxRows={4}
  aria-label="maximum height"
  placeholder="Maximum 4 rows"
  defaultValue="Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt
      ut labore et dolore magna aliqua."
  style={{ width: 200 }}
/>

API

<TextareaAutosize />