Start sharing components as a team!Share components as a team!Join Bit to build your applications faster.Get Started Free

nav

v1.0.0arrow_drop_down
v1.0.0
STATUS
Passing
DOWNLOADS
612
LICENSE
MIT
VISIBILITY
Public
PUBLISHED
5 months ago
SIZE
8 KB
subject
The visual variant of the nav items.
1 contributor
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
React
React
Vue
Angular
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';
revert changes
reload
toggle layout
maximize
modifieddraft
modifieddraft
modifieddraft
modifieddraft
modifieddraft
modifieddraft
modifieddraft
modifieddraft
modifieddraft
modifieddraft
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.