テキストエリアTextarea
Experimental

テキストエリア、またはテキストエリア風のコンポーネントを表示します。

状態とバリエーション

ラベル、入力欄、補足文を同じ幅で揃えます。

メモ

複数行の説明や補足を入力できます。

残り文字数を表示し、送信前に入力制限を確認できます。

メモ

残り 100 文字

エラー時は aria-invalid と destructive 色の補足文で伝えます。

メモ

本文は10文字以上で入力してください。

編集できない理由はツールチップと補足文で説明します。

メモ

変更が必要な場合は承認を取り消してください。

表は横にスクロールできます

プロパティ	型	初期値	説明
value / defaultValue	string	-	入力値です。制御・非制御のどちらでも使えます。
onChange	React.ChangeEventHandler<HTMLTextAreaElement>	-	入力内容が変わった時に呼ばれます。
rows	number	-	表示する行数です。
placeholder	string	-	未入力時に表示する補助テキストです。
disabled	boolean	false	編集できない状態にします。理由はツールチップで補足します。
aria-invalid	boolean	-	入力エラー状態を支援技術と視覚表現へ伝えます。