# HorTextarea


### 介绍
搭配cell的一个基础textarea组件


## 代码演示
### 基础用法
```html
<hor-textarea label="建议" v-model="text" />
<dd>{{ text }}</dd>
<hor-textarea v-model="text2" label="建议" :disabled="true" />
<script setup lang="ts">
  import { HorTextarea } from '@daysnap/horn-ui'
  import { ref } from 'vue'
  const text = ref('')
  const text2 = ref('哈哈哈哈')
</script>
```

## API

### 属性 Props

<table>
  <tr>
    <td>名称</td>
    <td>类型</td>
    <td>默认值</td>
  </tr>
  <tr v-for="(item, key) in horTextareaProps" :key="key">
    <td>{{ key }}</td>
    <td>{{ parseType(item.type || item) }}</td>
    <td>{{ reserve(item.default, '-') }}</td>
  </tr>
</table>

<table>
  <tr>
    <td>名称</td>
    <td>说明</td>
  </tr>
  <tr>
    <td>xx</td>
    <td>xxx</td>
  </tr>
</table>

### 插槽 Slots

<table>
  <tr>
    <td>名称</td>
    <td>说明</td>
  </tr>
  <tr>
    <td>xx</td>
    <td>xxx</td>
  </tr>
</table>


### 实例方法

<table>
  <tr>
    <td>名称</td>
    <td>说明</td>
  </tr>
  <tr>
    <td>xx</td>
    <td>xxx</td>
  </tr>
</table>



<script setup lang="ts">
  import { reserve } from '@daysnap/utils'
  import { HorCell } from '../hor-cell'
  import { HorTextarea, horTextareaProps } from '.'
  import { parseType } from '../utils'
</script>