Skip to content

NavigationView

Marcos Gomes edited this page Aug 15, 2022 · 7 revisions

NavigationView

Represents a container that enables navigation of app content. It has a header, a view for the main content, and a menu pane for navigation commands.

NavigationView Preview

Example:

<NavigationView IsBackButtonVisible="true">
    <MenuItems>
        <NavigationViewItem>
            <Icon></Icon>
            <Content>Home</Content>
        </NavigationViewItem>
        <NavigationViewItem>
            <Icon></Icon>
            <Content>More options</Content>
            <MenuItems>
                <NavigationViewItem>
                    <Icon></Icon>
                    <Content>Sub menu example</Content>
                </NavigationViewItem>
            </MenuItems>
        </NavigationViewItem>
    </MenuItems>

    <Frame>
        <div class="content px-4">
            @Body
        </div>
    </Frame>
</NavigationView>

Properties

Name Type Description

Methods

Name Parameters Returns Description

Events

Name Parameters Description