Skip to content

Layout

MSM pattern

App Shell

The product frame: inset sidebar navigation, breadcrumbs, account menu, and header actions.

When to use it
Every signed-in product page renders inside AppShell. Pass navigation, breadcrumbs, the account menu, and header actions as data, and pass the Next.js Link as linkComponent.

Dashboard in the product shell

Usage

Use the Code tab to copy a complete example. MSM pages import shared components from @msm/ui; changes to those components appear here and in the application.

View registry item