Textarea

Multi-line text input component with label support.

Live Demo

Biography

<orio-textarea
  v-model="message"
  label="Message"
  placeholder="Enter your message"
/>

Bio length: 0 characters
Message preview: This is a default message. You can edit me!

Usage

<template>
  <orio-textarea
    v-model="description"
    label="Description"
    placeholder="Enter description..."
  />
</template>

<script setup>
const description = ref('')
</script>

Props

Prop	Type	Default	Description
modelValue	string	-	Textarea value (v-model)
label	string	undefined	Label text displayed above textarea
placeholder	string	undefined	Placeholder text

All standard HTML textarea attributes are supported via v-bind="$attrs".

Events

Event	Payload	Description
update:modelValue	string	Emitted when textarea value changes