App Shell
A full application shell pattern — Sidebar + Navbar + PageHeader + content, with permission-aware nav, collapse, and a mobile overlay.
Users
People with access to this organisation.
Active users
Amina Wanjiru
amina.w@steward.co.ke
Brian Otieno
b.otieno@steward.co.ke
Dennis Ndung’u
dennis@steward.co.ke
Faith Kamau
faith.k@steward.co.ke
Badge
Switch
Tooltip
Sidebar — mobile overlay preview
Content area — tap the grid icon.
Tap the icon. The real Sidebar uses Tailwind md: breakpoints for the overlay vs docked split — this frame drives the same props directly so the interaction is demonstrable without a narrow browser window.
Shell components: Avatar · Badge · Switch · Card(+Header/Body/Footer) · Breadcrumb · PageHeader · Tooltip · Pagination(meta API) · Menu(+Trigger/Content/Item/CheckboxItem/Separator/Label) · Sidebar(+Nav/Section/Item/Group/Footer/Account/LogoutButton) · Navbar — all in src/components/ui/, exported from index.ts.