Provides a means of navigating to different areas within an application. On small screens, the navigation items are placed inside a hamburger menu.
State | Applied to | Result |
---|---|---|
.is-selected |
.ms-NavBar-item |
Marks that item in the Nav Bar as selected. |
.is-disabled |
.ms-NavBar-item |
Disables that item. |
.is-open |
.ms-NavBar |
On small screens, a panel is used to display the Nav Bar. This class opens the panel. |
<head>
<link rel="stylesheet" href="fabric.min.css">
<link rel="stylesheet" href="fabric.components.min.css">
<script src="jquery-2.2.1.min.js"></script>
<script src="jquery.fabric.min.js"></script>
</head>
<script>
tag to your page, below the references to jQuery and Fabric's JS, to instantiate all Dialog components on the page: <script>
$(document).ready(function() {
if ($.fn.NavBar) {
$('.ms-NavBar').NavBar();
}
});
</script>
This component has dependencies on ContextualMenu and Overlay.