A generic dropdown that can be used as a more customizable alternative to the regular custom-elements/controls/Dropdown/Dropdown!Dropdown | Dropdown.
It is recommended to use DropdownContent, GenericDropdownContent or DropdownItems or any combination of these elements in the content slot.
<generic-dropdown> <normal-text value="Custom dropdown"></normal-text> <dropdown-content au-slot="content" items.bind="items"> <additional-dropdown-content> <normal-text value="Help text above the dropdown items..."></normal-text> </additional-dropdown-content> </dropdown-content></generic-dropdown> Copy
<generic-dropdown> <normal-text value="Custom dropdown"></normal-text> <dropdown-content au-slot="content" items.bind="items"> <additional-dropdown-content> <normal-text value="Help text above the dropdown items..."></normal-text> </additional-dropdown-content> </dropdown-content></generic-dropdown>
<generic-dropdown> <normal-text value="Custom dropdown"></normal-text> <generic-dropdown-content au-slot="content"> <normal-text value="Custom content"></normal-text> </generic-dropdown-content></generic-dropdown> Copy
<generic-dropdown> <normal-text value="Custom dropdown"></normal-text> <generic-dropdown-content au-slot="content"> <normal-text value="Custom content"></normal-text> </generic-dropdown-content></generic-dropdown>
<generic-dropdown> <normal-text value="Custom dropdown"></normal-text> <dropdown-items au-slot="content"> ... </dropdown-items></generic-dropdown> Copy
<generic-dropdown> <normal-text value="Custom dropdown"></normal-text> <dropdown-items au-slot="content"> ... </dropdown-items></generic-dropdown>
Optional
Accessibility
Readonly
A function that is called when the dropdown is opened or closed.
Set how the dropdown button looks.
'input' Copy
'input'
A generic dropdown that can be used as a more customizable alternative to the regular custom-elements/controls/Dropdown/Dropdown!Dropdown | Dropdown.
It is recommended to use DropdownContent, GenericDropdownContent or DropdownItems or any combination of these elements in the content slot.
Example
Example
Example