Skip to content

PrimeTextarea

A FormKit wrapper for PrimeVue's Textarea component.

Live Example on Website

Usage

vue
<FormKit type="primetextarea" v-model="text" />

Object-based Example

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

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

Props

NameTypeDescription
ptobjectPass-through options
ptOptionsobjectPass-through options
unstyledbooleanDisable default styles
autoResizebooleanAuto-resize textarea
sizestringInput size
placeholderstringPlaceholder text
rowsnumberNumber of rows

See PrimeVue Textarea docs for more details.

FormKit PrimeVue Module