svelte-autoresize-textarea

Auto-resize Textarea for Svelte

An in-built auto-resize functionality for a textarea element using the scroll height of a singleton proxy textarea element attached to the document body. This is the 100% accurate implementation and does not break irrespective of the borders, padding, or amount of text.

Install

npm install svelte-autoresize-textarea

Usage

<script>
import { AutoResizeTextarea } from "svelte-autoresize-textarea";
</script>

<template>
  <AutoResizeTextarea
    :maxRows="10"
    :minRows="4"
  />
</template>

Props

prop	type	description
maxRows	number	Maximum number of rows up to which the textarea can grow
minRows	number	Minimum number of rows to show for textarea

Apart from these, the component accepts all props that are accepted by <textarea/>.