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

Avatar KIT

Examples API GitHub

[tuiAvatar]
Icon or initials. For images and videos and longer text use ng-content
string 'MW'
[badge]
Color of the dot badge indicator
string ''
[round]
Use round shape
boolean
[size]
Size
TuiSizeS  |  TuiSizeL 'l'
AppearanceApplied as a host directive
[appearance]
Appearance of the element
string 'primary'
Logo Taiga UI
GitHub StackBlitz