igniteui-angular/types/igniteui-angular-bottom-nav.d.ts

Ignite UI for Angular is a dependency-free Angular toolkit for building modern web apps

import { IgxTabContentDirective, IgxTabHeaderDirective, IgxTabItemDirective, IgxTabsDirective } from 'igniteui-angular/tabs';
import * as i0 from '@angular/core';

declare class IgxBottomNavContentComponent extends IgxTabContentDirective {
    /** @hidden */
    defaultClass: boolean;
    static ɵfac: i0.ɵɵFactoryDeclaration<IgxBottomNavContentComponent, never>;
    static ɵcmp: i0.ɵɵComponentDeclaration<IgxBottomNavContentComponent, "igx-bottom-nav-content", never, {}, {}, never, ["*"], true, never>;
}

declare class IgxBottomNavHeaderComponent extends IgxTabHeaderDirective {
    /** @hidden */
    get cssClassSelected(): boolean;
    /** @hidden */
    get cssClassDisabled(): boolean;
    /** @hidden */
    get cssClass(): boolean;
    static ɵfac: i0.ɵɵFactoryDeclaration<IgxBottomNavHeaderComponent, never>;
    static ɵcmp: i0.ɵɵComponentDeclaration<IgxBottomNavHeaderComponent, "igx-bottom-nav-header", never, {}, {}, never, ["*"], true, never>;
}

declare class IgxBottomNavItemComponent extends IgxTabItemDirective {
    static ɵfac: i0.ɵɵFactoryDeclaration<IgxBottomNavItemComponent, never>;
    static ɵcmp: i0.ɵɵComponentDeclaration<IgxBottomNavItemComponent, "igx-bottom-nav-item", never, {}, {}, never, ["igx-bottom-nav-header", "igx-bottom-nav-content"], true, never>;
}

/**
 * Bottom Navigation component enables the user to navigate among a number of contents displayed in a single view.
 *
 * @igxModule IgxBottomNavModule
 *
 * @igxTheme igx-bottom-nav-theme
 *
 * @igxKeywords bottom navigation
 *
 * @igxGroup Layouts
 *
 * @remarks
 * The Ignite UI for Angular Bottom Navigation component enables the user to navigate among a number of contents
 * displayed in a single view. The navigation through the contents is accomplished with the tab buttons located at bottom.
 *
 * @example
 * ```html
 * <igx-bottom-nav>
 *     <igx-bottom-nav-item>
 *         <igx-bottom-nav-header>
 *             <igx-icon igxBottomNavHeaderIcon>folder</igx-icon>
 *             <span igxBottomNavHeaderLabel>Tab 1</span>
 *         </igx-bottom-nav-header>
 *         <igx-bottom-nav-content>
 *             Content 1
 *         </igx-bottom-nav-content>
 *     </igx-bottom-nav-item>
 *     ...
 * </igx-bottom-nav>
 * ```
 */
declare class IgxBottomNavComponent extends IgxTabsDirective {
    /** @hidden */
    disableAnimation: boolean;
    /** @hidden */
    protected componentName: string;
    /** @hidden */
    protected getNextTabId(): number;
    static ɵfac: i0.ɵɵFactoryDeclaration<IgxBottomNavComponent, never>;
    static ɵcmp: i0.ɵɵComponentDeclaration<IgxBottomNavComponent, "igx-bottom-nav", never, {}, {}, never, never, true, never>;
}

declare class IgxBottomNavHeaderLabelDirective {
    static ɵfac: i0.ɵɵFactoryDeclaration<IgxBottomNavHeaderLabelDirective, never>;
    static ɵdir: i0.ɵɵDirectiveDeclaration<IgxBottomNavHeaderLabelDirective, "igx-bottom-nav-header-label,[igxBottomNavHeaderLabel]", never, {}, {}, never, never, true, never>;
}
declare class IgxBottomNavHeaderIconDirective {
    static ɵfac: i0.ɵɵFactoryDeclaration<IgxBottomNavHeaderIconDirective, never>;
    static ɵdir: i0.ɵɵDirectiveDeclaration<IgxBottomNavHeaderIconDirective, "igx-bottom-nav-header-icon,[igxBottomNavHeaderIcon]", never, {}, {}, never, never, true, never>;
}

declare const IGX_BOTTOM_NAV_DIRECTIVES: readonly [typeof IgxBottomNavComponent, typeof IgxBottomNavItemComponent, typeof IgxBottomNavHeaderComponent, typeof IgxBottomNavContentComponent, typeof IgxBottomNavHeaderLabelDirective, typeof IgxBottomNavHeaderIconDirective];

/**
 * @hidden
 * IMPORTANT: The following is NgModule exported for backwards-compatibility before standalone components
 */
declare class IgxBottomNavModule {
    static ɵfac: i0.ɵɵFactoryDeclaration<IgxBottomNavModule, never>;
    static ɵmod: i0.ɵɵNgModuleDeclaration<IgxBottomNavModule, never, [typeof IgxBottomNavComponent, typeof IgxBottomNavItemComponent, typeof IgxBottomNavHeaderComponent, typeof IgxBottomNavContentComponent, typeof IgxBottomNavHeaderLabelDirective, typeof IgxBottomNavHeaderIconDirective], [typeof IgxBottomNavComponent, typeof IgxBottomNavItemComponent, typeof IgxBottomNavHeaderComponent, typeof IgxBottomNavContentComponent, typeof IgxBottomNavHeaderLabelDirective, typeof IgxBottomNavHeaderIconDirective]>;
    static ɵinj: i0.ɵɵInjectorDeclaration<IgxBottomNavModule>;
}

export { IGX_BOTTOM_NAV_DIRECTIVES, IgxBottomNavComponent, IgxBottomNavContentComponent, IgxBottomNavHeaderComponent, IgxBottomNavHeaderIconDirective, IgxBottomNavHeaderLabelDirective, IgxBottomNavItemComponent, IgxBottomNavModule };