# Command Bar Commanding surface for panels, pages, and applications. Unlike the NavBar, this component should not navigate to other pages. ## Variants ### Default @@include('CommandBar.html') ## States State | Applied to | Result --- | --- | --- `.is-hidden` | `.ms-CommandBarItem` | Hides a Command Bar item from view. `.is-active` | `.ms-CommandBarSearch` | Expands the search field for use. ## Using this component 1. Confirm that you have references to Fabric's CSS and JavaScript on your page, as well as jQuery: ``` ``` 2. Copy the HTML from the sample above into your page. For example: ```
Undo
New
Delete
Archive
Junk
Move To
Categories
Ellipsis
    ``` 3. Add the following ` ``` 4. Verify that the component is working the same as in the sample above. 5. Replace the sample HTML content (such as `.ms-CommandBarItem` elements) with your content. ## Dependencies This component has no dependencies. ## Accessibility Refer to the sample code to see how `tabindex` attributes should be set to support keyboard navigation.