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 } from 'rsuite';

Examples

Default

Appearance

appearance values include:

  • 'default'
  • 'inverse'
  • 'subtle'

Props

<Navbar>

Property Type (Default) Description
appearance enum: 'default', 'inverse', 'subtle'('default') The appearance of the navigation bar
classPrefix string ('navbar') The prefix of the component CSS class
componentClass React.ElementType ('div') You can use a custom element type for this component
πŸŽ‰ v5 is released! Head to the v5 documentation to get started.