NavBar locates above the app content area, below the system status bar, and provides navigation capabilities.
<NavBar leftContent="Back" rightContent="Close">Page title</NavBar><NavBar leftContent="Back" rightContent="Close">Page title</NavBar>
Basic usage of NavBar component.
| Properties | Description | Type | Default |
|---|---|---|---|
| mode | style mode, optional value: dark, light | string | dark |
| icon | appears on the leftmost icon placeholder | ReactNode | - |
| leftContent | the left content | any | - |
| rightContent | the right content | any | - |
| onLeftClick | the click callback on the left | (e: Object): void | - |