SubComponents

Search and Option

The Search subcomponent extends the SDS Search component, so you can directly look it here:Search . You can see the Searchand Option subcomponents that are extended directly from the Menu subcomponents section.

Dropdown

The dropdown subcomponent enables the ability to choose between the options.

Dropdown API

This component extends the native <div> API. That's why the className prop is not included in the table.

Props	Type	Required
children	ReactNode	✅
isDisabled	boolean	❌
placeholder	string	❌
counter	number	❌
defaultOpen	boolean	❌

children

This subcomponent is capable of receiving the Searchand Optionsubcomponents.

isDisabled

To disable the dropdown itself.

placeholder

The string passed to the dropdown to represent the count. This is not the complete value, just a string, to support internationalization

counter

The counter is the numeric value, normally the amount of selected options.

defaultOpen

Use to control the initial state of the dropdown.

TagBox

The tagbox is a container where the Tags are rendered.

TagBox API

This component extends the native <div> API. That's why the className prop is not included in the table.

Props	Type	Required
children	ReactNode	✅

children

In this case, the children should always be a Tag there is no need to install the Tag component individually, because you can access it via the MultiSelect.Tag subcomponent. Same thing with the MultiSelect.Avatar subcomponent

You can use the MultiSelect.Tag subcomponent, without importing or installing it. Same thing with the MultiSelect.Avatar subcomponent

HelpText

The HelpText subcomponent extends the SDS HelpText component. See for reference: HelpText

Label

The Label subcomponent extends the SDS label component. See for reference: Label