App Shell

App Shell variations

A sidebar + header application shell that wraps page content — the chrome the (app) route group uses for dashboard pages.

1 variation

1 result

Cronus

Dashboard

Your page content renders here, wrapped by the sidebar + header chrome.

dark

A sidebar + header application shell that wraps page content — the chrome the (app) route group uses for dashboard pages.

Catalog metadata for this block. Install copies the source into your project.

npx cronus-ui add app-shell-chrome

Field	Type	Default	Description
`slug`*	`string`	`"app-shell-chrome"`	Registry item id. Passed to cronus-ui add.
`name`*	`string`	`"App Shell"`	Display name shown in the gallery.
`description`*	`string`	`"A sidebar + header application shell that wraps page content — the chrome the (app) route group uses for dashboard pages."`	Short summary of what the block covers.
`variants`	`{ id: string; name: string; description: string }[]`	—	Alternate layouts. Install a look with npx cronus-ui add <slug>--<id>. Omitted when the block has a single default.

This block ships a single default layout.

Id	Name	Description
`default`	App Shell	A sidebar + header application shell that wraps page content — the chrome the (app) route group uses for dashboard pages.