Svelte Autoresize Textarea
Autoresize Textarea for Svelte apps using proxy element.
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/>.
