Yamada UIにスターをあげる

スター
Yamada UIYamada UIv1.7.2

NativeSelect

NativeSelectは、ユーザーがオプションのリストから1つを選択するために使用されるコンポーネントです。ブラウザ(ユーザーエージェント)によって提供されるネイティブなドロップダウンリストを表示します。

ソース@yamada-ui/native-select

Props

NativeOptionGroupProps

NativeOptionProps

NativeSelectProps

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

説明

Props for container element.

タイプ

Omit<HTMLUIProps, "children">

errorBorderColor

説明

The border color when the input is invalid.

タイプ

string

focusBorderColor

説明

The border color when the input is focused.

タイプ

string

iconProps

説明

Props for icon element.

タイプ

HTMLUIProps

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

items

説明

If provided, generate options based on items.

タイプ

NativeSelectItem[]

デフォルト

'[]'

placeholder

説明

The placeholder for select.

タイプ

string

placeholderInOptions

説明

If true, include placeholders in options.

タイプ

boolean

デフォルト

true

readOnly

説明

If true, the form control will be readonly.

タイプ

boolean

デフォルト

false

size

説明

The size of the NativeSelect.

タイプ

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

デフォルト

"md"

variant

説明

The variant of the NativeSelect.

タイプ

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

デフォルト

"outline"

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

MultiSelectAutocomplete