Navigation Bar
A navigation bar, navbar, is a horizontal bar that provides several access points to different parts of a system.
| install | yarn add @clayui/navigation-bar |
|---|---|
| version | 3.119.0 |
Stable3.119.0View in LexiconCHANGELOG
NavigationBar
| Property | Description |
|---|---|
itemAriaCurrentboolean | Flag to define if the item represents the current page. Disable this
attribute only if there are multiple navigations on the page. The default value is true |
children| Array<React.ReactElement<React.ComponentProps<typeof Item>>>
| React.ReactElement<React.ComponentProps<typeof Item>> | Children elements received from ClayNavigationBar component. |
fluidSize| React.ComponentProps<typeof ClayLayout.Container>['fluidSize']
| false | Set a maximum width on container-fluid. |
invertedboolean | Determines the style of the Navigation Bar The default value is false |
messages{
close: 'Close';
open: 'Open';
trigger: '{0} Menu, Current Page: {1}';
} | Defines aria-label messages to display for the screen reader. The default value is { close: 'Close', open: 'Open', trigger: '{0} Menu, Current Page: {1}', } |
spritemapstring | Path to the location of the spritemap resource. |
triggerLabelstring | Set up dropdown's trigger label. |
NavigationBar.Item
| Property | Description |
|---|---|
activeboolean | Determines the active state of an dropdown list item. The default value is false |
childrenReact.ReactElement | Children elements received from ClayNavigationBar.Item component. |