Nav

Nav Component

The Nav component provides a simple way to build navigation elements.

Parameters

Name	Type	Description
ContentAlignment	NavContentAlignment?	Allows you to specify how the content of the Nav is aligned. The default is null, which results in left alignment.

Examples

Code samples for how to use the Nav component.

Alignment

The code sample below shows you create differently aligned Navs.

<!-- Left aligned -->
<Nav>
    <NavItem Url="./" IsActive="true">Active</NavItem>
    <NavItem Url="./">Link</NavItem>
    <NavItem Url="./" IsDisabled="true">Disabled</NavItem>
</Nav>

<!-- Center aligned -->
<Nav ContentAlignment="NavContentAlignment.Center">
    <NavItem Url="./" IsActive="true">Active</NavItem>
    <NavItem Url="./">Link</NavItem>
    <NavItem Url="./" IsDisabled="true">Disabled</NavItem>
</Nav>

<!-- Right aligned -->
<Nav ContentAlignment="NavContentAlignment.Right">
    <NavItem Url="./" IsActive="true">Active</NavItem>
    <NavItem Url="./">Link</NavItem>
    <NavItem Url="./" IsDisabled="true">Disabled</NavItem>
</Nav>