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

Avatar KIT

Examples API GitHub

[tuiAvatar]
icon or initials, for images, videos or longer text use ng-content
string
[badge]
color of the dot badge indicator
string
[round]
circle shape
boolean
[size]
TuiSizeS  |  TuiSizeL
AppearanceApplied as a host directive
[appearance]
appearance of the element
string
Taiga UI
GitHub StackBlitz