Navbar
For navigation at the top of the page.
<Navbar>The navigation bar component.<Navbar.Header>Sets the navigation bar header information.<Navbar.Body>Sets the contents of the navigation bar.
Usage
import { Navbar, Nav, Dropdown } from 'rsuite';
// or
import Navbar from 'rsuite/Navbar';
import Nav from 'rsuite/Nav';
import Dropdown from 'rsuite/Dropdown';Examples
Default
Appearance
appearance values include: default,inverse,subtle.
In high-contrast theme, all appearances looks the same as
default.
Props
<Navbar>
| Property | Type (Default) |
Description |
|---|---|---|
| as | ElementType ('div') |
You can use a custom element type for this component |
| appearance | enum: 'default', 'inverse', 'subtle'('default') |
The appearance of the navigation bar |
| classPrefix | string ('navbar') |
The prefix of the component CSS class |