Drop Down
Last updated
Was this helpful?
Last updated
Was this helpful?
(part of package '') Extends designtime/SolutionModel: Extends runtime:
Displays a list of menu items. It can be rendered as a standard button or a split button and supports dynamic menu management.
This is a reference page; many components have detailed usage guides .
CSS style classes applied specifically to the button part of the Dropdown. Type:
Flag indicating whether the Dropdown is enabled for user interaction. Type: Default Value: true
CSS style classes applied to the image or icon associated with the Dropdown. Type:
Indicates whether the Dropdown is rendered as a standard button. Type: Default Value: true
Fired when the Dropdown button is activated.
Parameters:
Fired when a menu item within the Dropdown is selected.
Parameters:
Adds the given menu item to the Dropdown
Parameters:
Removes the menu item with the given item ID
Parameters:
Sets the menu items of the Dropdown
Parameters:
Represents a Menu Item for the Dropdown component. scripting type: CustomType<bootstrapextracomponents-dropdown.MenuItem>
enabled
Flag indicating whether the menu item is enabled.
Default Value: true
iconName
The name of the icon to be displayed alongside the menu item text.
isDivider
Flag indicating whether this menu item is a divider.
itemId
The unique identifier of the menu item.
onAction
A handler function that is executed when the menu item is activated.
text
The text displayed for the menu item.
userData
Optional user data associated with the menu item.
Indicates whether the Dropdown is rendered as a split button. Type: Default Value: false
An array of menu items to be displayed in the Dropdown. Type:
CSS style classes applied to the Dropdown component. Type:
The text displayed on the Dropdown button. Type:
Tooltip text displayed when hovering over the Dropdown. Type:
Flag indicating whether the Dropdown is visible. Type:
{} event The event object containing details about the click event e.g. target element, mouse coordinates
{} event The event object containing details about the selection event e.g. target element, mouse coordinates
{} menuItem The menu item object that was selected
{} menuItem MenuItem The bootstrapextracomponents-dropdown.MenuItem item to be added to the Dropdown.
{} itemId The unique identifier of the menu item to be removed from the Dropdown.
{} menuItems An array of bootstrapextracomponents-dropdown.MenuItem items to be set for the Dropdown, replacing any existing items.
Type:
Type:
Type:
Type:
Type:
Type:
Type: