> ## 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 複数行入力

> YiDA の TextareaField 複数行入力コンポーネントのリファレンス。入力エリアや文字数カウントなどの属性を解説し、フィードバックなどの長文入力に最適な設定方法を紹介します。

## 使用シーン

* 大量のテキスト入力が必要な場面で使用します。入力エリアは標準のテキスト入力よりも広めに設計されています。

## コンポーネント例

## コンポーネント属性

| 属性                 | 説明                                                                                               | タイプ                                                                 | デフォルト          |
| ------------------ | ------------------------------------------------------------------------------------------------ | ------------------------------------------------------------------- | -------------- |
| `addonAfter`       | 入力欄の後ろに追加するコンテンツ。                                                                                | `string`                                                            | -              |
| `addonBefore`      | 複数行入力欄の前に追加するコンテンツ。                                                                              | `string`                                                            | -              |
| `autoFocus`        | 自動フォーカスを有効にするかどうか。                                                                               | `boolean`                                                           | `false`        |
| `autoHeight`       | 複数行入力欄の高さ自動調整を有効にするかどうか。                                                                         | `boolean`                                                           | `false`        |
| `behavior`         | フォームコンポーネントの表示状態。                                                                                | [Behavior](/ja/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](/ja/open/yida/components/interface#labeltipstypes) | `'none'`       |
| `maxLength`        | 複数行テキストの文字数上限。                                                                                   | `number`                                                            | -              |
| `onChange`         | コンポーネントの値が変化したときにトリガーされるイベント。                                                                    | `({ value: string }) => void`                                       | -              |
| `placeholder`      | フォームコンポーネントのプレースホルダーテキスト。                                                                        | `string`                                                            | `Please enter` |
| `rows`             | 複数行テキストの高さ。PC でのみ有効です。                                                                           | `number`                                                            | `4`            |
| `size`             | フォームコンポーネントのサイズ。                                                                                 | [Size](/ja/open/yida/components/interface#size)                     | `'medium'`     |
| `state`            | 入力欄の状態。                                                                                          | `'error' \| 'loading' \| 'success' \| ''`                           | `''`           |
| `tips`             | フォームコンポーネントの説明。コントロールの下に表示されます。                                                                  | `string`                                                            | -              |
| `trim`             | 先頭と末尾の空白を自動的に除去するかどうか。                                                                           | `boolean`                                                           | `false`        |
| `validation`       | フォームコンポーネントのバリデーション設定。詳細は [フォームバリデーションのドキュメント](/ja/open/yida/guide/concept/validation)を参照してください。 | [Validation\[\]](/ja/open/yida/components/interface#validation)     | `[]`           |
| `value`            | 現在のコンポーネントのデフォルト値。                                                                               | `string`                                                            | -              |
| `wrapperColOffset` | フォームコンポーネントのオフセット位置。値はグリッド値で、1 は 1/24 を表します。                                                     | `number`                                                            | `0`            |
| `wrapperColSpan`   | フォームコンポーネントの幅。値はグリッド値で、1 は 1/24 を表します。                                                           | `number`                                                            | `0`            |