All components
Page
Page scaffolds with header, title, description, and body in panel and settings variants.
Dashboard
Overview of your workspace.
Variants
Dashboard
Overview of your workspace.
Dashboard
Overview of your workspace.
Install
zsh — page
1bunx stylexblocks add pageUsage — Base UI
page.tsx
12345678910111213141516171819import { Page } from "#components/ui/base-ui/page.tsx";
export function Example() { return ( // variant resolves once on Root; every part inherits it via context — // composition per part via render <Page.Root variant="panel"> <Page.Header> <Page.HeaderContent> <Page.Heading> <Page.Title>Dashboard</Page.Title> <Page.Description>Overview of your workspace.</Page.Description> </Page.Heading> </Page.HeaderContent> </Page.Header> <Page.Body>…</Page.Body> </Page.Root> );}