Textarea

A text input component for inline text editing that expands automatically!

Example Usage

Example

Value:

<template>
  <sk-textarea v-model="value" placeholder="Schreibe hier..." /><br />

  <h2 class="mb-l">
    <sk-textarea v-model="value" placeholder="Antwort in groß hier..." />
  </h2>

  Value:
  <pre><code>{{ value }}</code></pre>
</template>

<script setup>
import { ref } from 'vue';
const value = ref('');
</script>

Reference

Properties

Name	Type	Default	Description
v-model	ref	null	The value to edit
placeholder	String	''	The empty state of the input, displayed greyed out

Events

Name	Parameters	Description
@input	event	the payload of the input
@blur	event	the payload of the input