Skip to content

Latest commit

 

History

History
31 lines (22 loc) · 988 Bytes

README.md

File metadata and controls

31 lines (22 loc) · 988 Bytes

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/>.