isDisabled
説明
If true, the form control will be disabled.
タイプ
booleanデフォルト
falsePinInput
PinInputは、ピンコードやOTP(ワンタイムパスワード)の入力を取得するために使用されるコンポーネントです。
Props
PinInputFieldProps
isInvalid
説明
If true, the form control will be invalid.
タイプ
booleanデフォルト
falseisReadOnly
説明
If true, the form control will be readonly.
タイプ
booleanデフォルト
falseisRequired
説明
If true, the form control will be required.
タイプ
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.
タイプ
stringerrorBorderColor
説明
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 ... | [...]isDisabled
説明
If true, the form control will be disabled.
タイプ
booleanデフォルト
falseisInvalid
説明
If true, the form control will be invalid.
タイプ
booleanデフォルト
falseisReadOnly
説明
If true, the form control will be readonly.
タイプ
booleanデフォルト
falseisRequired
説明
If true, the form control will be required.
タイプ
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デフォルト
'○'size
説明
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でこのページを編集する