DashboardShell
The five-piece chrome that sales/templates/customer-facing-template.html pioneered, lifted into reusable React primitives so marketing/, investor/, and any future Avala consumer can adopt the same Carbon-grade shell with one import instead of re-rolling 1,600 lines of hand-styled HTML.
Live playground
Edit the JSX below — preview updates instantly. Switch brand × tone in the toolbar to see the same component re-themed in place.
Live
Edit JSX — preview updates livereact-live
import { DashboardShell } from "@avala/design"; <DashboardShell>DashboardShell</DashboardShell>
Variants
This component doesn't have a Storybook story yet. The catalog still tracks it so the gap is visible — see
web/components/patterns/dashboard-shell.tsx for the source.