DropdownSelection CORE

Examples API Setup

Select a text to see a dropdown

-
Can be expanded with TuiDropdown

Requires you to import TuiDropdown

Name and descriptionType Value
[(tuiDropdownOpen)]
Manual control/monitor for the dropdown being visible
boolean
[tuiDropdownAlign]
Align of dropdown (does not work together with limitWidth === 'fixed' )
TuiDropdownAlign
'left'
[tuiDropdownDirection]
Set a vertical direction of dropdown
TuiVerticalDirection  |  null
[tuiDropdownLimitWidth]
Limit width of dropdown
TuiDropdownWidth
'auto'
[tuiDropdownMinHeight]
Minimum height to calculate that dropdown fits to set tuiDropdownDirection
number
[tuiDropdownMaxHeight]
Maximum height of dropdown
number
[tuiDropdownOffset]
Dropdown offset
number
Name and descriptionType Value
[tuiDropdownSelection]
Directive selector . Optional: you can also set a handler that gets Range and returns show/close dropdown
TuiBooleanHandler<Range>
[tuiDropdownSelectionPosition]
Position of dropdown near text selection
'tag'  |  'word'  |  'selection'
'selection'