DropdownSelection CORE

Examples API Setup

Select a text to see a dropdown

-
Name and descriptionTypeValue
[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'
DropdownApplied as a host directive
[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 'fixed'
[tuiDropdownMinHeight] Minimum height to calculate that dropdown fits to set tuiDropdownDirection number
[tuiDropdownMaxHeight] Maximum height of dropdown number
[tuiDropdownOffset] Dropdown offset number
[tuiDropdownSided] Enables side positioning of dropdown boolean
[tuiDropdownSidedOffset] Determines the offset of the side positioned dropdown number
(tuiDropdownDirectionChange) Dropdown direction change TuiVerticalDirection