FormTextarea

A FormKit wrapper for OpenVue's Textarea component.

Live Example on Website

Usage

<FormKit type="formTextarea" v-model="text" />

Object-based Example

<script setup>
const schema = [
  {
    $formkit: 'formTextarea',
    id: 'basic',
    name: 'name',
    placeholder: 'Basic',
    label: 'Basic',
    help: 'Required.',
    validation: 'required'
  },
  {
    $formkit: 'formTextarea',
    name: 'name',
    label: '5 Rows',
    rows: 5,
    autoResize: true
  },
  {
    $formkit: 'formTextarea',
    name: 'name',
    placeholder: 'Styled',
    style: { background: 'gray' },
    class: 'customClass'
  },
  {
    $formkit: 'formTextarea',
    name: 'name',
    placeholder: 'Read Only',
    readonly: true
  },
]
const data = {}
</script>

<template>
  <FormKit :schema="schema" :data="data" />
</template>

Props

Name	Type	Description
pt	object	Pass-through options
ptOptions	object	Pass-through options
unstyled	boolean	Disable default styles
autoResize	boolean	Auto-resize textarea
size	string	Input size
placeholder	string	Placeholder text
rows	number	Number of rows

See OpenVue Textarea docs for more details.