Mobile Tab Bar

Overlays · MobileTabBar, PushNotification

Phone chrome: MobileTabBar (bottom navigation) and PushNotification (how an approval arrives on the lock screen).

MobileTabBar: items ({id, label, icon, count}), active, onPick, label.
PushNotification: app, time, title, text, actions ({label, onClick}). Only A can be answered from the notification; B–D open the app.

PreviewCode

Halonow

Approval needed · Atlas

Send this email to ida@northwind.io?

Props

MobileTabBar

Prop	Type	Notes
`items`	`{ id: string; label: string; icon: IconName; count?: number }[]`	Required
`active?`	`string`
`onPick?`	`(id: string) => void`
`label?`	`string`
`className?`	`string`	Extra class on the root element.
`style?`	`CSSProperties`	Inline style on the root element.

PushNotification

Prop	Type	Notes
`app?`	`string`
`time?`	`string`
`title`	`string`	Required
`text?`	`ReactNode`
`actions?`	`{ label: string; onClick?: () => void }[]`
`className?`	`string`	Extra class on the root element.
`style?`	`CSSProperties`	Inline style on the root element.