chore: fix

taiga-family · Oct 3, 2024 · 26eb912 · 26eb912
1 parent f8b49dc
commit 26eb912
Show file tree

Hide file tree

Showing 3 changed files with 12 additions and 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
@@ -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
@@ -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
@@ -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',
     },