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フォームの IDstring-No
labelラベルstring-No
valuestring-Yes
defaultValueUncontrolledモードでの初期値string-No
className追加 CSS クラスstring?undefinedNo
disabled入力を無効にするbooleanfalseNo
invalidエラー時booleanundefinedNo
placeholderプレースホルダーstring?undefinedNo
maxLength最大文字数number?undefinedNo
onChange値を変更し、フォーカスを外した後のハンドラーChangeEventHandler?-Yes
onInput入力中のハンドラーInputEventHandler?undefinedNo
onFocusフォーカス時のハンドラーFocusEventHandler?undefinedNo
onBlurフォーカスアウト時のハンドラーFocusEventHandler?undefinedNo