Dropdown

Dropdown UI Component

Demo

API

Dropdown

PropertyDescriptionTypeDefault
disabledWhether the dropdown menu is disabledboolean-
getPopupContainerFunction used to set the container of the dropdown menu. The default is to create a div element in body, you can reset it to the scrolling area and make a relative reposition.Function(triggerNode)() => document.body
overlayDropdown menuMenu \ () => Menu-
overlayClassNameClass name of the dropdown root elementstring-
overlayStyleStyle of the dropdown root elementobject-
placementPlacement of pop menu.bottomLeft / bottomCenter / bottomRight / topLeft / topCenter / topRight / bottomLeft-
triggerTrigger mode which executes the drop-down action (hover doesn't work on mobile device)['hover', 'click', 'contextMenu']['hover']
visibleWhether the dropdown menu is visibleboolean-
onVisibleChangeA callback executed on visibility changes.(visible: boolean)=>void-

Dropdown.SearchInput

PropertyDescriptionTypeDefault
onSearchChangeAction triggered after input change(value: string) => void-
placeholderInput placeholderstring-
autofocusAutofocus inputboolean-

Dropdown.BottomAction

PropertyDescriptionTypeDefault
onClickActionAction triggered on click() => void-
iconIcon component to show before the textReact.Element-

Dropdown.BackAction

PropertyDescriptionTypeDefault
onClickAction triggered on click() => void-
labelLabel of the buttonReact.Element-