V-resizable-input NPM

Vue Resizable Input

An simple customizable input for vue that resizes itself to the its content.

npm.io

$ npm i -S v-resizable-input

$ yarn add v-resizable-input

import ResizableInput from "v-resizable-input"

components: {
  ResizableInput,
}

<resizable-input
    v-model="title"
    :max="40"
    :row="1"
    :placeholder="'Enter you title here ...'"
    :enterable="false"/>

Props	Required	Type	Default	Description
`v-model`	no	String, Number	''	value binding
`value`	no	String, Number	''	part of the `v-model` binding
`max`	no	Number	100	max textarea characters
`row`	no	Number	1	number of min rows for your textarea
`placeholder`	no	String	"Enter your text ..."	placeholder for your textarea
`enterable`	no	Boolean	true	allows to accept enter on textarea
`hasHelper`	no	Boolean	true	indicate how much characters feasible
`inputCss`	no	String	'tailwind classes'	as default it use tailwind css classes but you can fully customize its style
`helperCss`	no	String	'tailwind classes'	as default it use tailwind css classes but you can fully customize its style

Name	Params	Description
input	value	fires on textarea content changed. part of the `v-model` binding. read more

There are no slots available

2 years ago

2 years ago

2 years ago