Yamada UIにスターをあげる

スター
Yamada UIYamada UIv1.7.2

PasswordInput

PasswordInputは、現在作成を検討しています。

ソース@yamada-ui/password-input

Props

PasswordInputProps

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"

containerProps

説明

The props for the container element.

タイプ

HTMLUIProps

defaultIsVisible

非推奨

説明

Determines whether the password input is visible by default.

非推奨

Use defaultVisible instead.

タイプ

boolean

デフォルト

false

defaultVisible

説明

Determines whether the password input is visible by default.

タイプ

boolean

デフォルト

false

errorBorderColor

説明

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 ... | [...]

iconProps

説明

The props for the icon element.

タイプ

HTMLUIProps

inputProps

説明

The props for the input element.

タイプ

HTMLUIProps<"input">

invalid

説明

If true, the form control will be invalid.

タイプ

boolean

デフォルト

false

isDisabled

非推奨

説明

If true, the form control will be disabled.

非推奨

Use disabled instead.

タイプ

boolean

デフォルト

false

isInvalid

非推奨

説明

If true, the form control will be invalid.

非推奨

Use invalid instead.

タイプ

boolean

デフォルト

false

isReadOnly

非推奨

説明

If true, the form control will be readonly.

非推奨

Use readOnly instead.

タイプ

boolean

デフォルト

false

isRequired

非推奨

説明

If true, the form control will be required.

非推奨

Use required instead.

タイプ

boolean

デフォルト

false

isVisible

非推奨

説明

Determines the visibility of the password input.

非推奨

Use visible instead.

タイプ

boolean

デフォルト

false

onVisibleChange

説明

Callback function that is triggered when the visibility of the password input changes.

タイプ

(visible: boolean) => void

size

説明

The size of the PasswordInput.

タイプ

"xs" | "sm" | "md" | "lg" | "xl"

デフォルト

"md"

variant

説明

The variant of the PasswordInput.

タイプ

"filled" | "flushed" | "outline" | "unstyled"

デフォルト

"outline"

visibilityIcon

説明

The icons to be used for the visibility toggle.

タイプ

{ off: ReactElement<any, string | JSXElementConstructor<any>> on: ReactElement<any, string | JSXElementConstructor<any>> }

visible

説明

Determines the visibility of the password input.

タイプ

boolean

デフォルト

false

PasswordInputStrengthMeterProps

value

必須

説明

The value of the password strength meter.

タイプ

number

getStrengthMeterIndicatorProps

説明

The props of the password strength meter indicator.

タイプ

(percent: number) => StrengthMeterIndicatorProps

max

説明

The maximum value of the password strength meter.

タイプ

number

デフォルト

4

withLabel

説明

If true, the password strength meter will display the label.

タイプ

boolean

デフォルト

true

GitHubでこのページを編集する

NumberInputPinInput