Leave Yamada UI a star

Star
Yamada UIYamada UIv1.6.4

NativeSelect

NativeSelect is a component used for allowing users to select one option from a list. It displays a native dropdown list provided by the browser (user agent).

Source@yamada-ui/native-select

Props

NativeOptionGroupProps

NativeOptionProps

NativeSelectProps

colorScheme

Description

The visual color appearance of the component.

Type

"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

Description

Props for container element.

Type

Omit<HTMLUIProps, "children">

errorBorderColor

Description

The border color when the input is invalid.

Type

string

focusBorderColor

Description

The border color when the input is focused.

Type

string

iconProps

Description

Props for icon element.

Type

HTMLUIProps

isDisabled

Description

If true, the form control will be disabled.

Type

boolean

Default

false

isInvalid

Description

If true, the form control will be invalid.

Type

boolean

Default

false

isReadOnly

Description

If true, the form control will be readonly.

Type

boolean

Default

false

isRequired

Description

If true, the form control will be required.

Type

boolean

Default

false

items

Description

If provided, generate options based on items.

Type

NativeSelectItem[]

Default

'[]'

placeholder

Description

The placeholder for select.

Type

string

placeholderInOptions

Description

If true, include placeholders in options.

Type

boolean

Default

true

size

Description

The size of the NativeSelect.

Type

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

Default

"md"

variant

Description

The variant of the NativeSelect.

Type

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

Default

"outline"

Edit this page on GitHub

PreviousMultiSelectNextAutocomplete