Textarea

A textarea allows the user to enter multiple lines of text into an input.

Data Binding

To use a textarea, label as needed and use v-model for automatic data binding.

See the Form Field docs for more information about labeling, descriptions, placeholders, error state, success state and more.

<template>
  <ci-textarea
    sublabel="Modeled Textarea"
    v-model="myTextarea"
  />
</template>

<script>
export default {
  data() {
    return {
      myTextarea: ''
    }
  }
}
</script>

Events

Event	Args	Emitted when...
@input	textarea value	Keystroke

Textarea Props

Textareas are compatible with the standard html attributes (opens new window).