CheTextField

TextField コンポーネントです。

表示

4 /1,000

<CheTextField
  value={value}
  placeholder="テキスト"
  onChange={(event) => setValue(event.currentTarget.value)}
/>

<CheTextField disabled />

<CheTextField invalid />

10 /1,000

<CheTextField maxLength={1000}>

属性	詳細	型	デフォルト	必須
id	フォームの ID	string	-	No
value	値	string	-	No (Controlled モードでのみ必須)
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?	-	No (Controlled モードでのみ必須)
onInput	入力中のハンドラー	InputEventHandler?	undefined	No
onFocus	フォーカス時のハンドラー	FocusEventHandler?	undefined	No
onBlur	フォーカスアウト時のハンドラー	FocusEventHandler?	undefined	No