From 26eb91251923c91a0292d93291b8c284ca1049db Mon Sep 17 00:00:00 2001
From: waterplea <alexander@inkin.ru>
Date: Thu, 3 Oct 2024 15:31:35 +0400
Subject: [PATCH] chore: fix

---
 .../modules/components/breadcrumbs/examples/3/index.html    | 5 +++++
 .../src/modules/components/breadcrumbs/examples/3/index.ts  | 4 ++--
 .../kit/components/breadcrumbs/breadcrumbs.component.ts     | 6 +++++-
 3 files changed, 12 insertions(+), 3 deletions(-)

diff --git a/projects/demo/src/modules/components/breadcrumbs/examples/3/index.html b/projects/demo/src/modules/components/breadcrumbs/examples/3/index.html
index 27d557c542d6..876ce293abca 100644
--- a/projects/demo/src/modules/components/breadcrumbs/examples/3/index.html
+++ b/projects/demo/src/modules/components/breadcrumbs/examples/3/index.html
@@ -3,7 +3,9 @@ <h3>Truncate</h3>
     <ng-container *ngFor="let item of items">
         <button
             *tuiItem
+            tuiHintOverflow
             tuiLink
+            type="button"
             class="link"
         >
             {{ item }}
@@ -16,7 +18,9 @@ <h3>Fade</h3>
         <button
             *tuiItem
             tuiFade
+            tuiHintOverflow
             tuiLink
+            type="button"
             class="link"
         >
             {{ item }}
@@ -29,6 +33,7 @@ <h3>Scroll</h3>
         <button
             *tuiItem
             tuiLink
+            type="button"
         >
             {{ item }}
         </button>
diff --git a/projects/demo/src/modules/components/breadcrumbs/examples/3/index.ts b/projects/demo/src/modules/components/breadcrumbs/examples/3/index.ts
index da59f2c6d855..ddb7fd9712a9 100644
--- a/projects/demo/src/modules/components/breadcrumbs/examples/3/index.ts
+++ b/projects/demo/src/modules/components/breadcrumbs/examples/3/index.ts
@@ -3,12 +3,12 @@ import {Component} from '@angular/core';
 import {changeDetection} from '@demo/emulate/change-detection';
 import {encapsulation} from '@demo/emulate/encapsulation';
 import {TuiItem} from '@taiga-ui/cdk';
-import {TuiLink} from '@taiga-ui/core';
+import {TuiHint, TuiLink} from '@taiga-ui/core';
 import {TuiBreadcrumbs, tuiBreadcrumbsOptionsProvider, TuiFade} from '@taiga-ui/kit';
 
 @Component({
     standalone: true,
-    imports: [TuiBreadcrumbs, TuiItem, TuiLink, NgForOf, TuiFade],
+    imports: [TuiBreadcrumbs, TuiItem, TuiLink, NgForOf, TuiFade, TuiHint],
     templateUrl: './index.html',
     styleUrls: ['./index.less'],
     providers: [tuiBreadcrumbsOptionsProvider({icon: '/'})],
diff --git a/projects/kit/components/breadcrumbs/breadcrumbs.component.ts b/projects/kit/components/breadcrumbs/breadcrumbs.component.ts
index 8155f9a4944b..838ad1d76f92 100644
--- a/projects/kit/components/breadcrumbs/breadcrumbs.component.ts
+++ b/projects/kit/components/breadcrumbs/breadcrumbs.component.ts
@@ -10,6 +10,7 @@ import {
 } from '@angular/core';
 import {EMPTY_QUERY} from '@taiga-ui/cdk/constants';
 import {TuiItem} from '@taiga-ui/cdk/directives/item';
+import {tuiHintOptionsProvider} from '@taiga-ui/core';
 import {TuiIcon} from '@taiga-ui/core/components/icon';
 import {tuiLinkOptionsProvider} from '@taiga-ui/core/components/link';
 
@@ -23,7 +24,10 @@ import {TUI_BREADCRUMBS_OPTIONS} from './breadcrumbs.options';
     templateUrl: './breadcrumbs.template.html',
     styleUrls: ['./breadcrumbs.style.less'],
     changeDetection: ChangeDetectionStrategy.OnPush,
-    providers: [tuiLinkOptionsProvider({appearance: 'icon'})],
+    providers: [
+        tuiLinkOptionsProvider({appearance: 'icon'}),
+        tuiHintOptionsProvider({direction: 'bottom'}),
+    ],
     host: {
         '[attr.data-size]': 'size',
     },