• Home
  • Features
  • Pricing
  • Docs
  • Announcements
  • Sign In

IgniteUI / igniteui-angular / 26023601418

18 May 2026 08:57AM UTC coverage: 4.854% (-85.3%) from 90.174%
26023601418

Pull #17281

github

web-flow
Merge e7ce7a18e into 5a85df190
Pull Request #17281: feat: Added virtual scroll component and sample implementation

400 of 17347 branches covered (2.31%)

Branch coverage included in aggregate %.

63 of 222 new or added lines in 4 files covered. (28.38%)

27932 existing lines in 341 files now uncovered.

2022 of 32547 relevant lines covered (6.21%)

0.72 hits per line

Source File
Press 'n' to go to next uncovered line, 'b' for previous

40.0
/projects/igniteui-angular/bottom-nav/src/bottom-nav/bottom-nav.component.ts
1
import { Component } from '@angular/core';
2
import { NgTemplateOutlet } from '@angular/common';
3
import { IgxTabsBase, IgxTabsDirective } from 'igniteui-angular/tabs';
4

5

6
/** @hidden */
7
let NEXT_BOTTOM_NAV_ITEM_ID = 0;
3✔
8

9
/**
10
 * Bottom Navigation component enables the user to navigate among a number of contents displayed in a single view.
11
 *
12
 * @igxModule IgxBottomNavModule
13
 *
14
 * @igxTheme igx-bottom-nav-theme
15
 *
16
 * @igxKeywords bottom navigation
17
 *
18
 * @igxGroup Layouts
19
 *
20
 * @remarks
21
 * The Ignite UI for Angular Bottom Navigation component enables the user to navigate among a number of contents
22
 * displayed in a single view. The navigation through the contents is accomplished with the tab buttons located at bottom.
23
 *
24
 * @example
25
 * ```html
26
 * <igx-bottom-nav>
27
 *     <igx-bottom-nav-item>
28
 *         <igx-bottom-nav-header>
29
 *             <igx-icon igxBottomNavHeaderIcon>folder</igx-icon>
30
 *             <span igxBottomNavHeaderLabel>Tab 1</span>
31
 *         </igx-bottom-nav-header>
32
 *         <igx-bottom-nav-content>
33
 *             Content 1
34
 *         </igx-bottom-nav-content>
35
 *     </igx-bottom-nav-item>
36
 *     ...
37
 * </igx-bottom-nav>
38
 * ```
39
 */
40
@Component({
41
    selector: 'igx-bottom-nav',
42
    templateUrl: 'bottom-nav.component.html',
43
    providers: [{ provide: IgxTabsBase, useExisting: IgxBottomNavComponent }],
44
    imports: [NgTemplateOutlet]
45
})
46
export class IgxBottomNavComponent extends IgxTabsDirective {
3✔
47
    /** @hidden */
UNCOV
48
    public override disableAnimation = true;
×
49
    /** @hidden */
UNCOV
50
    protected override componentName = 'igx-bottom-nav';
×
51

52
    /** @hidden */
53
    protected getNextTabId() {
UNCOV
54
        return NEXT_BOTTOM_NAV_ITEM_ID++;
×
55
    }
56
}
STATUS · Troubleshooting · Open an Issue · Sales · Support · CAREERS · ENTERPRISE · START FREE · SCHEDULE DEMO
ANNOUNCEMENTS · TWITTER · TOS & SLA · Supported CI Services · What's a CI service? · Automated Testing

© 2026 Coveralls, Inc