Founding price: $35, then $99 after 23:59 UTC on 4 November, then $99
Get ProA phone app shell with an app bar, a content area that swaps by tab, a bottom tab bar kept clear of the home indicator, and focus moved to the new screen's heading when the tab changes. Use this when you build a phone app or PWA with three to five top-level screens.
Derived from this item’s props table, because it declares no controls of its own. This item has no standalone playground, so changes update the code, the share link and the AI prompt.
Use it when you build a phone app or PWA with three to five top-level screens.
Do not use it for a content site with many pages (use a navbar) or a flow with steps.
This item is part of tealmac UI Pro
The source for this item installs with a Pro licence key. Log in with your key to see the install command, or read the Pro setup page.
| Prop | Type | Default | Description |
|---|---|---|---|
screens | Screen[] | required | { id, label, icon, content }. |
initial | string | first | The starting tab. |
aria-current; changing tab moves focus to the new screen's heading and announces its title.main.The pattern ships with a Testing Library test (app-shell-tab-bar.test.tsx) that drives it through roles and the keyboard.