Select
Select
is a component used for allowing a user to choose one option from a list.
Theming
The Select
is a multi part component.
Select
inherits the style from NativeSelect and Menu.
If you want to change the style of the component, please check here.
export const Select: ComponentMultiStyle<"Select"> = mergeMultiStyle(NativeSelect,Menu,{baseStyle: {inner: {},header: {},content: {w: "100%",},list: {maxH: "xs",overflowY: "auto",},footer: {},item: {_hover: {bg: ["blackAlpha.100", "whiteAlpha.100"],_disabled: {bg: ["white", "black"],},},_active: {bg: ["blackAlpha.200", "whiteAlpha.200"],},},itemIcon: {},},},)({ omit: ["button", "command"] })
Edit this page on GitHub