> ## Documentation Index
> Fetch the complete documentation index at: https://help.dingtalk.io/llms.txt
> Use this file to discover all available pages before exploring further.

# TextareaField 多行输入框

> TextareaField 多行输入框组件参考，介绍输入区域与字数控制等属性配置，适合意见反馈等大段文字的录入场景。

## 何时使用

* 用于大量文字输入输入场景，可是区域比文本输入框大；

## 组件示例

<iframe src="https://www.aliwork.com/developer/textarea-field-v2?isRenderNav=false" width="100%" height="480" frameBorder="0" />

## 组件属性

| 属性                 | 说明                                                              | 类型                                                                  | 默认值        |
| ------------------ | --------------------------------------------------------------- | ------------------------------------------------------------------- | ---------- |
| `addonAfter`       | 输入框后附加内容                                                        | `string`                                                            | -          |
| `addonBefore`      | 多行输入框前附加内容                                                      | `string`                                                            | -          |
| `autoFocus`        | 是否开启自动聚焦                                                        | `boolean`                                                           | `false`    |
| `autoHeight`       | 是否开启多行输入框自动高度                                                   | `boolean`                                                           | `false`    |
| `behavior`         | 表单组件显示状态                                                        | [Behavior](/zh/open/yida/components/interface#behavior)             | `'NORMAL'` |
| `cutString`        | 当超出maxlength时截断超出字符串                                            | `boolean`                                                           | `false`    |
| `hasClear`         | 是否开启多行文本清除按钮                                                    | `boolean`                                                           | `true`     |
| `hasLimitHint`     | 是否展示多行文本计数器                                                     | `boolean`                                                           | `false`    |
| `label`            | 表单组件标题                                                          | `string`                                                            | -          |
| `labelAlign`       | 表单组件标题的位置                                                       | `'left' \| 'top'`                                                   | `'top'`    |
| `labelColOffset`   | 设置标题的偏移位置，配置值为栅格值，1代表1/24                                       | `number`                                                            | `0`        |
| `labelColSpan`     | 设置标题的占位宽度，配置值为栅格值，1代表1/24                                       | `number`                                                            | `4`        |
| `labelTextAlign`   | 表单组件的标题对齐方式                                                     | `'left' \| 'right'`                                                 | `'right'`  |
| `labelTipsIcon`    | 表单组件标题提示信息入口图标，当labelTipsTypes取值为 **text** 或 **render** 时生效     | `string`                                                            | -          |
| `labelTipsRender`  | 表单组件标题提示信息自定义渲染方法，当labelTipsTypes取值为 **render** 时生效             | `(props: IComponentProps) => ReactNode`                             | -          |
| `labelTipsText`    | 表单组件标题提示文本信息，当labelTipsTypes取值为 **text** 时生效                    | `string`                                                            | -          |
| `labelTipsTypes`   | 表单组件标题提示信息类型设置                                                  | [LabelTipsTypes](/zh/open/yida/components/interface#labelTipsTypes) | `'none'`   |
| `maxLength`        | 多行文本字数上限                                                        | `number`                                                            | -          |
| `onChange`         | 组件值发生改变事件                                                       | `({ value: string }) => void`                                       | -          |
| `placeholder`      | 表单组件占位提示信息                                                      | `string`                                                            | `请输入`      |
| `rows`             | 设置多行文本高度，仅 PC 端有效                                               | `number`                                                            | `4`        |
| `size`             | 表单组件尺寸                                                          | [Size](/zh/open/yida/components/interface#size)                     | `'medium'` |
| `state`            | 设置输入框state状态                                                    | `'error' \| 'loading' \| 'success' \| ''`                           | `''`       |
| `tips`             | 表单组件描述信息，展示在控件下方                                                | `string`                                                            | -          |
| `trim`             | 是否开启自动去除头尾空字符                                                   | `boolean`                                                           | `false`    |
| `validation`       | 表单组件校验设置，具体使用详见[表单校验文档](/zh/open/yida/guide/concept/validation) | [Validation\[\]](/zh/open/yida/components/interface#validation)     | `[]`       |
| `value`            | 当前组件默认值                                                         | `string`                                                            | -          |
| `wrapperColOffset` | 设置表单组件的偏移位置，设置值为栅格值，1代表1/24                                     | `number`                                                            | `0`        |
| `wrapperColSpan`   | 设置表单组件的占位宽度，设置值为栅格值，1代表1/24                                     | `number`                                                            | `0`        |