PageLayout
PageLayout / PageContainer / PageHeader — patterns.
Live playground
Edit the JSX below — preview updates instantly. Switch brand × tone in the toolbar to see the same component re-themed in place.
Edit JSX — preview updates livereact-live
import { PageLayout } from "@avala/design"; <PageLayout>PageLayout</PageLayout>
All variants
The Storybook stories file rendered as an iframe — every variant, every size, every state, baselined for visual regression.
layout-pagelayout--defaultOpen in Storybook →