Navbar 导航栏
对 Nav 的一个封装，一般用于页面顶部导航。
<Navbar>导航栏组件。<Navbar.Header>设置导航栏头部信息。<Navbar.Body>设置导航栏选项。
获取组件
import { Navbar, Nav, Dropdown } from 'rsuite';
// or
import Navbar from 'rsuite/Navbar';
import Nav from 'rsuite/Nav';
import Dropdown from 'rsuite/Dropdown';演示
默认
外观
appearance 属性设置导航栏外观:
- 'default'(默认值) 默认导航栏。
- 'inverse' 反色的导航栏。
- 'subtle' 弱化的导航栏。
在高对比度主题下, 只有
default外观有效。
Props
<Navbar>
| 属性名称 | 类型(默认值) |
描述 |
|---|---|---|
| as | ElementType ('div') |
为组件自定义元素类型 |
| appearance | enum: 'default', 'inverse', 'subtle'('default') |
导航栏外观 |
| classPrefix | string ('navbar') |
组件 CSS 类的前缀 |