Yamada UIにスターをあげる

スター
Yamada UIYamada UIv1.7.4

Input

Inputは、ユーザーからのテキスト入力を取得するために使用されるコンポーネントです。

ソース@yamada-ui/input

Props

InputProps

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"

disabled

説明

If true, the form control will be disabled.

タイプ

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

htmlSize

説明

The native HTML size attribute to be passed to the input.

タイプ

number

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

readOnly

説明

If true, the form control will be readonly.

タイプ

boolean

デフォルト

false

required

説明

If true, the form control will be required.

タイプ

boolean

デフォルト

false

size

説明

The size of the Input.

タイプ

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

デフォルト

"md"

variant

説明

The variant of the Input.

タイプ

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

デフォルト

"outline"

InputAddonProps

placement

説明

The placement of the element.

タイプ

"left" | "right"

デフォルト

'left'

InputElementProps

clickable

説明

If true, the element clickable.

タイプ

boolean

デフォルト

false

isClick

非推奨

説明

If true, the element clickable.

非推奨

Use clickable instead.

タイプ

boolean

デフォルト

false

isClickable

非推奨

説明

If true, the element clickable.

非推奨

Use clickable instead.

タイプ

boolean

デフォルト

false

placement

説明

The placement of the element.

タイプ

"left" | "right"

デフォルト

'left'

InputGroupProps

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

IconButtonNumberInput