Bottom Navigation コンポーネントを使用すると、単一のビューに表示される複数のコンテンツ間を移動できます。

Igx Module

IgxBottomNavModule

Igx Theme

igx-bottom-nav-theme

Igx Keywords

bottom navigation

Igx Group

レイアウト

Remarks

Ignite UI for Angular Bottom Navigation コンポーネントを使用すると、単一のビューに表示される複数のコンテンツ間を移動できます。 コンテンツ間のナビゲーションは、下部にあるタブ ボタンで実行されます。

Example

<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>