Getting Started
Accordion ActionBar Avatar
Badge BadgedContent BadgeNotification
Button ButtonGroup ButtonSelect ButtonX
Calendar CalendarExperimental CalendarMonth CalendarRange
Carousel Chip Comment Compass Copy Counter
DataList DataListWrapper Dropdown DropdownContext DropdownHover DropdownOpen DropdownSelection
Expand File Filter
Tooltip Hint HintDescribe HintManual HintPointer
Icon ItemsWithMore Keypad Like LineClamp Link Loader Message Meter New
BottomSheet MobileCalendar PullToRefresh SearchBar New SwipeActions
Confirm Dialog Dialog routable NotificationMiddle PdfViewer Preview SheetDialog
Notification Pager Pin Popout
ProgressBar ProgressCircle ProgressSegmented
Pulse Push ScrollWheel New Scrollbar ShrinkWrap Status Surface
Reorder Table TableFilters TablePagination
ThumbnailCard Tiles Timeline Title Toast Tree
Taiga UI 5 is out!
See what's new

HintManual CORE v5.0.0+

Examples API GitHub

Directive to show a hint manually

Basic

    
      
    
    
      <button
    tuiButton
    type="button"
    [tuiHint]="template"
    [tuiHintManual]="hintShown"
    (click)="toggleHint()"
>
    Hint
</button>

<ng-template #template>
    Use
    <a
        appearance="action-grayscale"
        routerLink="hint"
        tuiLink
        tuiTheme="dark"
        class="link"
    >
        Hint
    </a>
</ng-template>

    
    
      :host {
    display: block;
}

    
Taiga UI
GitHub StackBlitz