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 | - |