nav

v1.0.0arrow_drop_down
v1.0.0
STATUS
Passing
DOWNLOADS
597
LICENSE
MIT
VISIBILITY
Public
PUBLISHED
3 months ago
subject
The visual variant of the nav items.
1 contributor
Like
Use nav in your project ?
Copied
npm i @bit/react-bootstrap.react-bootstrap.nav
Set Bit as a scoped registryLearn more
npm config set '@bit:registry' https://node.bit.dev
Component Example
Add dependency... help_outline
Just
import
any of the 1 million components
and packages in Bit or NPM to the example.
import Button from '@bit/grommet.grommet.button';
import Lodash from 'lodash';
modified
modified
modified
modified
modified
modified
modified
modified
modified
modified
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.