Navbar

For navigation at the top of the page.

Usage

import { Navbar, Nav } from 'rsuite';
  • <Navbar> The navigation bar component.
  • <Navbar.Brand> Set a brand, which can be your company, product or project name.

Examples

Basic

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 'default' | 'inverse' | 'subtle'('default') The appearance of the navigation bar
classPrefix string ('navbar') The prefix of the component CSS class
Vercel banner