TextareaField 複数行入力 - DingTalk Help Center

使用シーン

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

コンポーネント例

コンポーネント属性

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