Layout
Base composition for any app view — `AppShell` wrapper with a `SidebarNav` rail/panel and a `TopBarShell` on top. Each section below shows one piece in isolation.
AppShell
Collapsible sidebar + top nav + content
Visão Geral
Métricas e atividades das suas propriedades.
import { AppShell } from "@morada-ai/niemeyer/components";
// Bring your own SidebarNav and TopNav — AppShell is a generic layout.
// renderTopNav exposes the mobile-toggle handler so the burger button
// inside TopNav can open the sidebar drawer on small screens.
<AppShell
sidebar={<MySidebarNav />}
renderTopNav={({ onMenuClick }) => (
<MyTopNav onMenuClick={onMenuClick} />
)}
>
<Dashboard />
</AppShell>Sidebar Nav
Two-panel sidebar with icon rail, hierarchical nav, and workspace switcher. Available in dark and light.
Dashboard › Visão Geral
<SidebarNav onNavigate={setNav} />Top Nav
Top bar with search, queue status, help center, notifications, and user menu.
Search + queue + help + notifications + user menu
<TopNav />
// Estrutura interna:
<TopBarShell>
<TopBarLeft> // Search
<TopBarRight> // Queue + Notifications + Help + Status + UserMenu
</TopBarShell>