navigation/@mihcm/ui·v0.21.0·stable
TopBar
Segmented app header with Logo, home/back parallelogram segments, notifications, profile, dividers, and utility actions. Universal across web and native with a simplified native bar.
Props
The full prop API for TopBar. Same surface in web and React Native — bundlers pick the right variant via the react-native export condition.
| Prop | Type | Default | Description | Since |
|---|---|---|---|---|
start | ReactNode | — | Leading slot — logo, breadcrumb, notification bell. | 0.4.0 |
center | ReactNode | — | Optional middle slot — global search, page-level switcher. | 0.4.0 |
end | ReactNode | — | Trailing slot — profile, "What's new", Logout. | 0.4.0 |
Import
import { TopBar, TopBarLogo, TopBarHomeButton, TopBarBackLink, TopBarNotification, TopBarProfile, TopBarDivider, TopBarAction } from '@mihcm/ui/TopBar';