AppShell API
AppShell defines the main Foundry workspace frame for admin, CMS, and dashboard interfaces.
Preview components
Open the component docs to see examples, combinations, and usage patterns built on top of this API.
- AppShellAdmin shell layouts with sidebar, page header, and toolbar patterns.
Preview
Dashboard
Workspace
Foundry shell primitives compose into a complete admin frame.
Import
import { AppShell, Sidebar, SidebarSection, SidebarItem, Main, PageHeader, Toolbar, ToolbarGroup } from "@axonyx/react";Props
| Prop | Type | Default | Description |
|---|---|---|---|
| railWidth | "sm" | "md" | "lg" | "md" | Controls sidebar rail width for the shell layout. |
| rail | "default" | "none" | "default" | Removes the rail column when set to `none`. |
| title | ReactNode | undefined | Sidebar heading shown above navigation groups. |
| actions | ReactNode | undefined | Header actions for Sidebar or PageHeader. |
| wrap | boolean | true | Allows Toolbar content to wrap on smaller widths. |
CSS contract
.ax-app-shell .ax-sidebar .ax-sidebar__header .ax-sidebar__body .ax-sidebar-section .ax-sidebar-section__title .ax-sidebar-item .ax-main .ax-page-header .ax-page-header__actions .ax-toolbar .ax-toolbar__group