Loading resource
Compositions
One site header with marketing and resource layouts, a compact right-side mobile drawer, and matching footers.
Mount PublicShell in the marketing or resource route-group layout with the matching variant. Docs and the catalog supply only section navigation; Icons and Brand use the resource frame directly. PublicShellView accepts resolved branding and pathname; omit mainId when embedding its preview.
src/components/public/public-shell.tsx
At narrow widths, open the site menu to preview the compact right-side drawer, active links, and appearance controls.
Marketing has room for the product story, with the same site identity and resource destinations.
The preview imports your production components. Open Code for the complete working example, including its imports.
Use Tab to inspect keyboard focus, switch themes, and try the controls. Reset restores the example’s initial state.