Important: This documentation covers Yarn 1 (Classic).
For Yarn 2+ docs and migration guide, see yarnpkg.com.

Package detail

textarea-autosizer

raphpare98ISC0.0.5TypeScript support: included

Textarea Autosizer automatically resizes the height of a textarea based on the content entered or pasted inside it.

auto-height, textarea, input, resize

readme

Textarea Autosizer [dependency-free]

Textarea Autosizer automatically resizes the height of a textarea based on the content entered or pasted inside it.

Live example

Getting Started

  1. Install
  2. Examples
  3. Methods

Install

npm

npm i textarea-autosizer --save

Yarn

yarn add textarea-autosizer

Examples

HTML

<textarea></textarea>

TypeScript

setTextareaAutosizer() Fonction

import { setTextareaAutosizer } from 'textarea-autosizer';

const refTextarea = document.querySelector('textarea');
const textareaAutosizer = setTextareaAutosizer(refTextarea);

// Remove textareaAutosizer
// textareaAutosizer.remove();

TextareaAutosizer Class

import { TextareaAutosizer } from 'textarea-autosizer';

const refTextarea = document.querySelector('textarea');

const textareaAutosizer = new TextareaAutosizer();
textareaAutosizer.set(refTextarea);

Methods

TextareaAutosizer.set(htmlTextAreaElement, options)

Initializing the Textarea Autosizer.

Options

Attribute Description
minHeight?: number Minimum height of textarea
maxHeight?: number Maximum height of textarea

TextareaAutosizer.remove()

Remove automatic textarea resizing.