FMX Prototype Pipeline

App Sidebar

The standard FMX sidebar composition (#29) — Favorites + org-module groups + Logo footer, batteries included, so every prototype starts from the same rail. Shown in a muted app-frame silhouette.

<AppSidebar
  orgName={orgName}
  activeKey="work-list"
  onNavigate={(key) => router.push(`/${key}`)}
/>

Props

orgName:string

Org-group label — bind to the live session org (do not hardcode).

activeKey:string

Key of the active nav item.

onNavigate:(key: string) => void

Called with an item's key on click.

favorites / modules:AppSidebarItem[]

Override the default Favorites / org-module item sets.

extraItems:ReactNode

Page-specific items appended to the org group.

responsive:boolean= false

Enable the drawer behaviour below breakpoint (see the Responsive demo on the Sidebar page).

Tokens