This section describes properties that configure the DropDownButton UI component's contents, behavior, and appearance.
Name Description accessKeySpecifies the shortcut key that sets focus on the UI component.
activeStateEnabledSpecifies whether the UI component changes its visual state as a result of user interaction.
componentAn alias for the template property specified in React. Accepts a custom component. Refer to Using a Custom Component for more information.
dataSourceProvides data for the drop-down menu.
deferRenderingSpecifies whether to wait until the drop-down menu is opened the first time to render its content. Specifies whether to render the view's content when it is displayed. If false, the content is rendered immediately.
disabledSpecifies whether the UI component responds to user interaction.
displayExprSpecifies the data field whose values should be displayed in the drop-down menu.
dropDownContentComponentAn alias for the dropDownContentTemplate property specified in React. Accepts a custom component. Refer to Using a Custom Component for more information.
dropDownContentRenderAn alias for the dropDownContentTemplate property specified in React. Accepts a rendering function. Refer to Using a Rendering Function for more information.
dropDownContentTemplateSpecifies custom content for the drop-down field.
dropDownOptionsConfigures the drop-down field.
elementAttrSpecifies the global attributes to be attached to the UI component's container element.
focusStateEnabledSpecifies whether users can use keyboard to focus the UI component.
heightSpecifies the UI component's height.
hintSpecifies text for a hint that appears when a user pauses on the UI component.
hoverStateEnabledSpecifies whether the UI component changes its state when a user hovers the mouse pointer over it.
iconSpecifies the button's icon.
itemComponentAn alias for the itemTemplate property specified in React. Accepts a custom component. Refer to Using a Custom Component for more information.
itemRenderAn alias for the itemTemplate property specified in React. Accepts a rendering function. Refer to Using a Rendering Function for more information.
itemsProvides drop-down menu items.
itemTemplateSpecifies a custom template for drop-down menu items.
keyExprSpecifies which data field provides keys used to distinguish between the selected drop-down menu items.
noDataTextSpecifies the text or HTML markup displayed in the drop-down menu when it does not contain any items.
onButtonClickA function that is executed when the button is clicked or tapped. If splitButton is true, this function is executed for the action button only.
onContentReadyA function that is executed when the UI component is rendered and each time the component is repainted.
onDisposingA function that is executed before the UI component is disposed of.
onInitializedA function used in JavaScript frameworks to save the UI component instance.
onItemClickA function that is executed when a drop-down menu item is clicked.
onOptionChangedA function that is executed after a UI component property is changed.
onSelectionChangedA function that is executed when an item is selected or selection is canceled. In effect when useSelectMode is true.
openedSpecifies whether the drop-down menu is opened.
renderAn alias for the template property specified in React. Accepts a rendering function. Refer to Using a Rendering Function for more information.
rtlEnabledSwitches the UI component to a right-to-left representation.
selectedItemContains the selected item's data. Available when useSelectMode is true.
selectedItemKeyContains the selected item's key and allows you to specify the initially selected item. Applies when useSelectMode is true.
showArrowIconSpecifies whether the arrow icon should be displayed.
splitButtonSpecifies whether to split the button in two: one executes an action, the other opens and closes the drop-down menu.
stylingModeSpecifies how the button is styled.
tabIndexSpecifies the number of the element when the Tab key is used for navigating.
templateSpecifies a custom template for the base button in DropDownButton.
textSpecifies the button's text. Applies only if useSelectMode is false.
typeSpecifies the drop-down button type.
useItemTextAsTitleSpecifies whether the DropDownButton uses item's text a title attribute.
useSelectModeSpecifies whether the UI component stores the selected drop-down menu item.
visibleSpecifies whether the UI component is visible.
widthSpecifies the UI component's width.
wrapItemTextSpecifies whether text that exceeds the drop-down list width should be wrapped.
RetroSearch is an open source project built by @garambo | Open a GitHub Issue
Search and Browse the WWW like it's 1997 | Search results from DuckDuckGo
HTML:
3.2
| Encoding:
UTF-8
| Version:
0.7.4