DropdownOpen CORE

Examples API Setup
See also
Dropdown, DropdownSelection, DropdownHover, DropdownContext

DropdownOpen is a composite dropdown directive, similar to manual dropdown, but it also takes care of opening and closing on its own.

If an element is a textfield ( input or textarea ), arrow down press opens a dropdown. The next press focuses the first item from the list.

If it is not a textfield, click opens and closes a dropdown. By default directive is applied to the first focusable element inside. If you want another element to be the host, use #tuiDropdownHost reference.

Menu

#

With custom host

#

With link

#

Complex example

#

Custom positioning

#