Documentation
Foundations
Components
Accordion
ActionBar
Alert
Avatar
Badges
Block
Buttons
Calendars
Carousel
Chip
Comment
Compass
Confirm
Dialog
Dropdown
DataList
DataListWrapper
Dropdown
DropdownContext
DropdownHover
DropdownOpen
DropdownSelection
ElasticContainer
Error
Expand
Filter
Group
Hint
Icon
Inputs
Island
ItemsWithMore
Label
Like
LineClamp
Link
Loader
Mobile
Notification
PdfViewer
Pin
Preview
Progress
Pulse
Push
Rating
Scrollbar
Selects
Sheet
SheetDialog
Sliders
Status
Surface
SwipeActions
Table
Tag
Textfield
ThumbnailCard
Tiles
Title
Toggles
Tree
Layout
Navigation
Charts
Customization
Tools
Dropdown
CORE
Examples
API
Setup
More
Source code
See also
DropdownSelection
,
DropdownHover
,
DropdownContext
,
DropdownOpen
tuiDropdown
shows a dropdown with custom template. Use
ActiveZone
directive to hide dropdown.
See also
DropdownOpen
Basic
#
Preview
HTML
TypeScript
LESS
More
Edit
Choose
Interesting
#
Preview
HTML
TypeScript
LESS
More
Edit
Show help
You can ask any questions about
tuiDropdown
and
Alex
will gladly answer!
Change detection
#
Preview
HTML
TypeScript
LESS
More
Edit
Changes propagate both ways
some data
Open dropdown
Appearance
#
Preview
HTML
TypeScript
LESS
More
Edit
Use unencapsulated styles to customize dropdown appearance
Show dropdown
Manual
#
Preview
HTML
TypeScript
LESS
More
Edit
Show dropdown
Mobile
#
Preview
HTML
TypeScript
More
Edit
Country
Select user
Pick more users
Sum
Taiga UI
v4.9.0
More