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

1<textarea></textarea>

TypeScript

setTextareaAutosizer() Fonction

1import { setTextareaAutosizer } from 'textarea-autosizer';
2
3const refTextarea = document.querySelector('textarea');
4const textareaAutosizer = setTextareaAutosizer(refTextarea);
5
6// Remove textareaAutosizer
7// textareaAutosizer.remove();
8

TextareaAutosizer Class

1import { TextareaAutosizer } from 'textarea-autosizer';
2
3const refTextarea = document.querySelector('textarea');
4
5const textareaAutosizer = new TextareaAutosizer();
6textareaAutosizer.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.