MultiSelect

MultiSelect is a component used for allowing users to select multiple values from a list of options.

Theming

The MultiSelect is a multi part component.

MultiSelect inherits the style from Select.

If you want to change the style of the component, please check here.

export const MultiSelect: ComponentMultiStyle<"MultiSelect"> = mergeMultiStyle(
  Select,
  {
    baseStyle: {
      clearIcon: {
        pointerEvents: "auto",
        transitionDuration: "normal",
        transitionProperty: "common",
        _disabled: {
          opacity: 0.4,
          pointerEvents: "none",
        },
        _focusVisible: {
          boxShadow: "outline",
        },
        _hover: {
          opacity: 0.8,
        },
        _readOnly: {
          pointerEvents: "none",
        },
      },
    },
  },
)()

Copied!

Edit this page on GitHub

PreviousSelect NextNativeSelect