Textarea

Área de texto multi-linha com suporte a label, helper e estado de erro.

Uso

<script setup lang="ts">
import { Textarea } from '@halfbyte/maka'
import { ref } from 'vue'

const bio = ref('')
</script>

<template>
  <Textarea v-model="bio" label="Biografia" placeholder="Fale sobre você…" />
</template>

Exemplos

<Textarea label="Padrão" placeholder="Digite aqui…" />
<Textarea label="Com helper" helper-text="Máximo de 500 caracteres." />
<Textarea label="Com erro" error-message="Campo obrigatório." />
<Textarea label="Desabilitado" :disabled="true" />

Props

Prop	Tipo	Padrão
modelValue	string	—
label	string	—
placeholder	string	—
helperText	string	—
errorMessage	string	—
rows	number	4
resize	"none" | "vertical" | "horizontal" | "both"	"vertical"
variant	"outline" | "ghost"	"outline"
size	"sm" | "md" | "lg"	"md"
disabled	boolean	false
readonly	boolean	false
required	boolean	false
name	string	—
id	string	—

Events

Evento	Payload	Descrição
update:modelValue	string	Emitido ao alterar o valor
focus	FocusEvent	Emitido ao focar
blur	FocusEvent	Emitido ao perder o foco