Leave Yamada UI a star
StarNativeSelect 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).
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"Description
Props for container element.
Type
Omit<HTMLUIProps, "children">Description
The border color when the input is invalid.
Type
stringDescription
The border color when the input is focused.
Type
stringDescription
Props for icon element.
Type
HTMLUIPropsDescription
If true, the form control will be invalid.
Type
booleanDefault
falseDescription
If true, the form control will be disabled.
Deprecated
Use disabled instead.
Type
booleanDefault
falseDescription
If true, the form control will be invalid.
Deprecated
Use invalid instead.
Type
booleanDefault
falseDescription
If true, the form control will be readonly.
Deprecated
Use readOnly instead.
Type
booleanDefault
falseDescription
If true, the form control will be required.
Deprecated
Use required instead.
Type
booleanDefault
falseDescription
If provided, generate options based on items.
Type
NativeSelectItem[]Default
'[]'Description
The placeholder for select.
Type
stringDescription
If true, include placeholders in options.
Type
booleanDefault
trueDescription
If true, the form control will be readonly.
Type
booleanDefault
falseDescription
The size of the NativeSelect.
Type
"xs" | "sm" | "md" | "lg" | "xl"Default
"md"Description
The variant of the NativeSelect.
Type
"filled" | "flushed" | "outline" | "unstyled"Default
"outline"Edit this page on GitHub