-
Notifications
You must be signed in to change notification settings - Fork 7
Nav
Mika Berglund edited this page Feb 28, 2020
·
3 revisions
The Nav component provides a simple way to build navigation elements.
Nav
: BootstrapComponentBase
Name | Type | Description |
---|---|---|
ContentAlignment | ContentAlignment? | Allows you to specify how the content of the Nav is aligned. The default is null , which results in left alignment. |
Code samples for how to use the Nav
component.
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>
- Home
- Design Principles
- Getting Started
- Components
- Content
- Layout Components
- Generic Elements
- Utilities
- Releases