svelte-textarea-autosize
v1.0.0
Published
textarea autosize input component for the web built with svelte.
Downloads
8
Maintainers
Readme
svelte-textarea-autosize
textarea autosize input component for the web built with svelte.
Installation
Install my-project with npm
npm i svelte-textarea-autosize
Usage/Examples
<script type="ts">
import SvelteAutoResizeTextarea from 'svelte-textarea-autosize';
let inputValue: string = ''
</script>
<SvelteAutoResizeTextarea
textareaStyle="width: 300px;"
className="my-custom-class"
bind:textareaValue={inputValue}
minRows={2}
maxRows={5}
onHeightChange={(height) => console.log(`Height changed to ${height}px`)}
onPressEnter={() => console.log("Enter key pressed")}
placeholder="Type something..."
/>
Props
| Name | Type | Required | Default | |------------------|------------------------------------------------|:------------:|:-----------:| | textareaValue | String | true | - | | textareaStyle | String | false | - | | className | String | false | - | | minRows | Number | false | 2 | | maxRows | Number | false | 3 | | onHeightChange | Function ((height: string | number) => void) | false | - | | onPressEnter | Function (() => void) | false | - | | placeholder | String | false | - | | fontSize | Number (default: 16) | false | 16 |