Documentation
Foundations
Components
Accordion
Accordion â›”
ActionBar
Alert
Avatar
Badges
Block
BottomSheet
Buttons
Calendars
Carousel
Chip
Comment
Compass
Confirm
Copy
Dialog
Dialog (Experimental)
Drawer
Dropdown
ElasticContainer
Error
Expand
Filter
FloatingContainer
Group
Hint
Icon
Inputs
Inputs (Legacy)
Island
ItemGroup
ItemsWithMore
Label
Like
LineClamp
Link
Loader
Message
Mobile
Notification
Pager
PdfViewer
Pin
Preview
Progress
Pulse
Push
Rating
Scrollbar
Sheet
SheetDialog
Sliders
Status
Surface
SwipeActions
Table
Tag
ThumbnailCard
Tiles
Title
Toggles
Tree
Layout
Navigation
Charts
Customization
Tools
DialogExperimental
EXPERIMENTAL
Examples
API
Setup
More
Source code
Customizable modal dialogs
String
#
Basic string dialog with a customizable button.
Preview
HTML
TypeScript
More
Edit
Default button
Custom button
Copy
Copy
Copy
Directive
#
Using declarative directive to layout and show a dialog.
Preview
HTML
TypeScript
More
Edit
Show dialog
Copy
Copy
Copy
Component
#
Reusing a component to show a dialog.
Preview
TypeScript
HTML
component.ts
More
Edit
Show dialog
Copy
Copy
Copy
Copy
Confirmation
#
Using bundled component for action confirmation.
Preview
HTML
TypeScript
More
Edit
Show dialog
Copy
Copy
Copy
Closing
#
Providing a custom stream to close dialogs.
Preview
TypeScript
HTML
service.ts
More
Edit
Show dialog
Copy
Copy
Copy
Copy
Customization
#
Customizing look and animations of dialogs by augmenting built-in appearance or completely overriding it.
Preview
HTML
TypeScript
LESS
More
Edit
Show augmented
Show custom
Copy
Copy
Copy
Copy
Taiga UI
v4.50.0
More