DocCheTextarea
Textarea コンポーネントです。
表示
基本
88 /1,000
<CheTextarea
value={value}
label="ラベル"
placeholder="テキスト"
onChange={(event) => setValue(event.currentTarget.value)}
/>
disabled
<CheTextarea disabled>
invalid
<CheTextarea invalid>
最大文字数指定
10 /1,000
<CheTextarea maxLength={1000}>
Props
| 属性 | 詳細 | 型 | デフォルト | 必須 |
|---|---|---|---|---|
| id | フォームの ID | string | - | No |
| label | ラベル | string | - | No |
| value | 値 | string | - | Yes |
| defaultValue | Uncontrolledモードでの初期値 | string | - | No |
| className | 追加 CSS クラス | string? | undefined | No |
| disabled | 入力を無効にする | boolean | false | No |
| invalid | エラー時 | boolean | undefined | No |
| placeholder | プレースホルダー | string? | undefined | No |
| maxLength | 最大文字数 | number? | undefined | No |
| onChange | 値を変更し、フォーカスを外した後のハンドラー | ChangeEventHandler? | - | Yes |
| onInput | 入力中のハンドラー | InputEventHandler? | undefined | No |
| onFocus | フォーカス時のハンドラー | FocusEventHandler? | undefined | No |
| onBlur | フォーカスアウト時のハンドラー | FocusEventHandler? | undefined | No |