layout/@mihcm/ui·v0.21.0·stable
TitleBar
Sticky page heading shown under the TopBar. icon + supertitle + title + optional action slot.
Props
The full prop API for TitleBar. Same surface in web and React Native — bundlers pick the right variant via the react-native export condition.
| Prop | Type | Default | Description | Since |
|---|---|---|---|---|
title | ReactNode | — | Primary heading text. | 0.4.0 |
supertitle | ReactNode | — | Eyebrow text above the title (smaller, muted). | 0.4.0 |
icon | ReactNode | — | Optional leading icon — 24 px on mobile, 30 px on desktop. | 0.4.0 |
action | ReactNode | — | Trailing slot for page-level controls. | 0.4.0 |
Import
import { TitleBar } from '@mihcm/ui/TitleBar';