All components
Aside
Contextual side panels with a titled header and scrollable body in two densities.
Sizes
md
lg
Install
zsh — aside
1bunx stylexblocks add asideUsage — Base UI
aside.tsx
1234567891011121314import { Aside } from "#components/ui/base-ui/aside.tsx";
export function Example() { return ( // size resolves once on Root; every part inherits it via context — // composition per part via render <Aside.Root size="md"> <Aside.Header> <Aside.Title>Details</Aside.Title> </Aside.Header> <Aside.Body>…</Aside.Body> </Aside.Root> );}