Getting Started
Documentation
Components
Accordion
ActionBar
Avatar
Badges
Badge
BadgedContent
BadgeNotification
Buttons
Button
ButtonGroup
ButtonSelect
ButtonX
Calendars
Calendar
CalendarMonth
CalendarRange
Carousel
Chip
Comment
Compass
Copy
Counter
Dropdown
DataList
DataListWrapper
Dropdown
DropdownContext
DropdownHover
DropdownOpen
DropdownSelection
Expand
Filter
Hint
Tooltip
Hint
HintDescribe
HintManual
HintPointer
Icon
ItemsWithMore
Like
LineClamp
Link
Loader
Message
Mobile
BottomSheet
MobileCalendar
PullToRefresh
SwipeActions
Modals
Confirm
Dialog
Dialog routable
NotificationMiddle
PdfViewer
Preview
SheetDialog
Notification
Pager
Pin
Popout
Progress
ProgressBar
ProgressCircle
ProgressSegmented
Pulse
Push
Scrollbar
ShrinkWrap
Status
Surface
Table
Reorder
Table
TableFilters
TablePagination
ThumbnailCard
Tiles
Timeline
Title
Toast
Tree
Form
Layout
Navigation
Charts
Tools
Taiga UI 5.0 is out!
See
what's new
Notification
CORE
Examples
API
GitHub
On this page
Basic
Options
Interactive
Directive
Service
A notification message that can be displayed inline or as an alert
Basic
Various sizes, visual options and content examples
Preview
HTML
LESS
Hello world
Close
I am title
I am content of the notification and I can even wrap to multiple lines.
So what?
Whatever
Close
Most boring notification
Options
Using DI to set default values
Preview
HTML
Works with token options
Interactive
Interactive tags and visual customization
Preview
HTML
LESS
Custom icon color
Vertically centered
Toasts
A notification as a toast
Directive
Using directive to show a popover notification
Preview
HTML
Show
Service
Using service to show a popover notification
Preview
HTML
Show string
Show component
Taiga UI
v5.1.0
GitHub
StackBlitz
Settings