Getting Started
AccordionActionBarAvatar
BadgeBadgedContentBadgeNotification
ButtonButtonGroupButtonSelectButtonX
CalendarCalendarMonthCalendarRange
CarouselChipCommentCompassCopyCounter
DataListDataListWrapperDropdownDropdownContextDropdownHoverDropdownOpenDropdownSelection
ExpandFilter
TooltipHintHintDescribeHintManualHintPointer
IconItemsWithMoreLikeLineClampLinkLoaderMessage
BottomSheetMobileCalendarPullToRefreshSwipeActions
ConfirmDialogDialog routableNotificationMiddlePdfViewerPreviewSheetDialog
NotificationPagerPinPopout
ProgressBarProgressCircleProgressSegmented
PulsePushScrollbarShrinkWrapStatusSurface
ReorderTableTableFiltersTablePagination
ThumbnailCardTilesTimelineTitleToastTree
Taiga UI 5.0 is out!
See what's new

BadgeNotification KIT

Examples API GitHub

On this page

Basic Custom color

Simple non-interactive badge. Used in headers, cells, cards, avatars to indicate notifications, such as new messages

Basic

Desktop

9999

Android

9999

IOS

9999

Custom color

101112
Logo Taiga UI
GitHub StackBlitz