nav
v1.0.0arrow_drop_downv1.0.0
STATUS
Passing
DOWNLOADS
1,425
LICENSE
MIT
VISIBILITY
Public
PUBLISHED
4 years ago
SIZE
8 KB
The visual variant of the nav items.
1 contributor
Like
Install nav as a package?
Copied
npm i @bit/react-bootstrap.react-bootstrap.nav
Set Bit as a scoped registryLearn more
npm config set '@bit:registry' https://node.bit.cloud
Component Example 
React
React
Vue
Angular
React Native
Add dependency... help_outline
Just any of the 1 million components
and packages in Bit or NPM to the example.toggle layout
chevron_left
chevron_right
The visual variant of the nav items.
Marks the NavItem with a matching eventKey (or href if present) as active.
Have all NavItems to proportionatly fill all available width.
Have all NavItems to evenly fill all available width.
A callback fired when a NavItem is selected.
function (
Any eventKey,
SyntheticEvent event?
)
ARIA role for the Nav, in the context of a TabContainer, the default will be set to "tablist", but can be overridden by the Nav when set explicitly.
When the role is "tablist", NavLink focus is managed according to the ARIA authoring practices for tabs: https://www.w3.org/TR/2013/WD-wai-aria-practices-20130307/#tabpanel
Apply styling an alignment for use in a Navbar. This prop will be set automatically when the Nav is used inside a Navbar.