Layout

The default admin shell: app bar, sidebar, and content area.

Installation

pnpm dlx shadcn@latest add @chelone/layout

The default admin shell: app bar, sidebar, and content area.

Props

PropTypeDefaultDescription
appBarComponentType<AppBarProps>—Replaces the default `<AppBar />` at the top of the content area.
childrenReactNode—The route content injected by the `<Admin>`/`<AdminRoutes>` shell.
errorReactNode | (props: ErrorFallbackProps) => ReactNode—Replaces the content-boundary fallback. A node renders verbatim; a render function receives `{ error, errorInfo, resetErrorBoundary }`.
menuComponentType<MenuProps>—Replaces the default `<Menu />` inside the sidebar content area.
sidebarComponentType<AppSidebarProps>—Replaces the default `<AppSidebar>` component.