Textarea

Багаторядкове текстове поле з підтримкою підпису та розміщення.

Живе демо

Вертикально (за замовчуванням)

Біографія

Повідомлення

Це повідомлення за замовчуванням. Мене можна редагувати!

Горизонтально

Коментар

Усередині (inner)

Нотатки

Відгук

Використання

Базове

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

<script setup>
const description = ref("");
</script>

Горизонтальне розміщення

<orio-textarea
  v-model="comment"
  label="Comment"
  layout="horizontal"
/>

Внутрішнє розміщення

<orio-textarea
  v-model="notes"
  label="Notes"
  layout="inner"
/>

Пропси

Проп	Тип	За замовчуванням	Опис
modelValue	string	""	Значення поля (v-model)
layout	"vertical" | "horizontal" | "inner"	"vertical"	Позиція підпису відносно поля
label	string	undefined	Текст підпису
placeholder	string	undefined	Текст-заповнювач

Усі стандартні HTML-атрибути textarea підтримуються через v-bind="$attrs".

Події

Подія	Дані	Опис
update:modelValue	string	Генерується під час зміни значення

Стилізація

--color-bg           /* Textarea background */
--color-border       /* Border color */
--color-text         /* Text color */
--color-accent       /* Focus border color */
--color-accent-soft  /* Focus ring color */
--color-muted        /* Placeholder and inner label color */