Dropdown component with store and id wrapper.

Parameters:
NameTypeDescription
propsobject

Component props.

Properties
NameTypeDescription
customAttributesobject

Custom attributes for the component.

customClassesobject

Custom classes for the component.

disabledboolean

Whether the dropdown is disabled or not.

hasSearchboolean

Whether the dropdown has search or not.

i18nobject

i18n strings.

idstring

The ID of the dropdown.

labelstring

The label text.

labelAttributesobject

Custom attributes for the label.

labelClassesstring | Array | object

Custom classes for the label.

listAttributesobject

Custom attributes for the list.

listClassesstring | Array | object

Custom classes for the list.

listItemsArray

The list items for the dropdown.

multiboolean

Whether the dropdown is a multi dropdown or not.

onAfterClosefunction

Callback for after the dropdown closes.

onAfterOpenfunction

Callback for after the dropdown opens.

onClosefunction

Callback for when the dropdown closes.

onOpenfunction

Callback for when the dropdown opens.

popoverAttributesobject

Custom attributes for the popover.

popoverClassesstring | Array | object

Custom classes for the popover.

popoverMaxHeightnumber

The maximum height of the popover.

searchAttributesobject

Custom attributes for the search.

searchClassesstring | Array | object

Custom classes for the search.

selectedIconstring

The icon for the selected state in multi dropdown.

selectedIconPrefixstring

The prefix for the icon library to be used in multi dropdown.

simplebarboolean

Whether to use simplebar for the dropdown.

sizestring

The size of the dropdown, one of r, l, xl.

spacingstring | number | Array | object

The spacing for the component, as a string, number, array, or object.

triggerAttributesobject

Custom attributes for the trigger.

triggerClassesstring | Array | object

Custom classes for the trigger.

widthnumber

The width of the dropdown.

Since
  • 4.5.0
Source
Returns:

The dropdown component.

Type: 
JSX.Element