invalid
説明
If true, the form control will be invalid.
タイプ
booleanデフォルト
falsePinInput
PinInputは、ピンコードやOTP(ワンタイムパスワード)の入力を取得するために使用されるコンポーネントです。
Props
PinInputFieldProps
isDisabled
非推奨説明
If true, the form control will be disabled.
非推奨
Use disabled instead.
タイプ
booleanデフォルト
falseisInvalid
非推奨説明
If true, the form control will be invalid.
非推奨
Use invalid instead.
タイプ
booleanデフォルト
falseisReadOnly
非推奨説明
If true, the form control will be readonly.
非推奨
Use readOnly instead.
タイプ
booleanデフォルト
falseisRequired
非推奨説明
If true, the form control will be required.
非推奨
Use required instead.
タイプ
booleanデフォルト
falsePinInputProps
colorScheme
説明
The visual color appearance of the component.
タイプ
"blackAlpha" | "whiteAlpha" | "amber" | "blue" | "info" | "link" | "primary" | "cyan" | "emerald" | "flashy" | "fuchsia" | "gray" | "green" | "success" | "indigo" | "lime" | "neutral" | "orange" | "warning" | "pink" | "purple" | "red" | "danger" | "rose" | "sky" | "teal" | "violet" | "secondary" | "yellow"defaultValue
説明
The initial value of the pin input.
タイプ
stringdisabled
説明
If true, the form control will be disabled.
タイプ
booleanデフォルト
falseerrorBorderColor
説明
The border color when the input is invalid.
タイプ
"border" | BorderColor | "amber.50" | "amber.100" | "amber.200" | "amber.300" | "amber.400" | "amber.500" | "amber.600" | "amber.700" | "amber.800" | "amber.900" | ... 320 more ... | [...]focusBorderColor
説明
The border color when the input is focused.
タイプ
"border" | BorderColor | "amber.50" | "amber.100" | "amber.200" | "amber.300" | "amber.400" | "amber.500" | "amber.600" | "amber.700" | "amber.800" | "amber.900" | ... 320 more ... | [...]invalid
説明
If true, the form control will be invalid.
タイプ
booleanデフォルト
falseisDisabled
非推奨説明
If true, the form control will be disabled.
非推奨
Use disabled instead.
タイプ
booleanデフォルト
falseisInvalid
非推奨説明
If true, the form control will be invalid.
非推奨
Use invalid instead.
タイプ
booleanデフォルト
falseisReadOnly
非推奨説明
If true, the form control will be readonly.
非推奨
Use readOnly instead.
タイプ
booleanデフォルト
falseisRequired
非推奨説明
If true, the form control will be required.
非推奨
Use required instead.
タイプ
booleanデフォルト
falseitems
説明
The number of inputs to display.
タイプ
numberデフォルト
4manageFocus
説明
If true, focus will move automatically to the next input once filled.
タイプ
booleanデフォルト
truemask
説明
If true, the input's value will be masked just like type=password.
タイプ
booleanonChange
説明
Function called on input change.
タイプ
(value: string) => voidonComplete
説明
Function called when all inputs have valid values.
タイプ
(value: string) => voidotp
説明
If true, the pin input component signals to its fields that they should.
タイプ
booleanplaceholder
説明
The placeholder for the pin input.
タイプ
stringデフォルト
'○'readOnly
説明
If true, the form control will be readonly.
タイプ
booleanデフォルト
falserequired
説明
If true, the form control will be required.
タイプ
booleanデフォルト
falsesize
説明
The size of the PinInput.
タイプ
"xs" | "sm" | "md" | "lg"デフォルト
"md"type
説明
The type of values the pin-input should allow.
タイプ
"number" | "alphanumeric"デフォルト
'number'value
説明
The value of the pin input.
タイプ
stringvariant
説明
The variant of the PinInput.
タイプ
"filled" | "flushed" | "outline" | "unstyled"デフォルト
"outline"GitHubでこのページを編集する