<template>
  <div class="demo-textarea-status">
    <div class="demo-box">
      <div class="explain">
        感知输入法
      </div>
      <ui-textarea
        v-model="value"
        composition></ui-textarea>
    </div>
    <div class="demo-box">
      <div class="explain">
        disabled
      </div>
      <ui-textarea
        disabled
        placeholder="禁止"></ui-textarea>
    </div>
    <div class="demo-box">
      <div class="explain">
        readonly
      </div>
      <ui-textarea
        readonly
        placeholder="只读"></ui-textarea>
    </div>
  </div>
</template>
<script>
import { Textarea } from "amumu-ui"
export default {
  components: {
    "ui-textarea": Textarea,
  },
  data() {
    return {
      value: "",
    }
  },
}
</script>
<style lang="scss">
.demo-textarea-status {
  .demo-box {
    margin-bottom: 12px;
  }
}
</style>
