Textarea (TTextarea)

VueJs reactive <textarea></textarea> component with configurable classes, variants, and most common events. Friendly with utility-first frameworks like TailwindCSS..

Playground:

Basic example

<t-textarea value="Hello world" name="my-textarea" variant="demo" />

Props

PropertyTypeDefault value
idStringundefined
autofocusBooleanundefined
disabledBooleanundefined
nameStringundefined
readonlyBooleanundefined
requiredBooleanundefined
tabindex[String, Number]undefined
placeholderStringundefined
rows[String, Number]undefined
maxlength[String, Number] / Numberundefined
classes[String, Object, Array]'form-textarea'
fixedClasses[String, Object, Array]undefined
variantsObjectundefined
variant[String, Object]undefined

Events

EventArgumentsDescription
inputString (The current value of the textarea)Emitted every time the value of the v-model change
changeString (The current value of the textarea)Emitted when the textarea is blurred and the value was changed since it was focused
focusFocusEventEmitted when the textarea is focused
blurFocusEventEmitted when the textarea is blurred
keyupKeyboardEventEmitted when on the textarea keyup event
keydownKeyboardEventEmitted when on the textarea keydown event