All components
Heading
Display and section headings across eleven sizes with tuned line heights and tracking.
Ship faster
Sizes
Ship faster
smShip faster
mdShip faster
lgShip faster
xlShip faster
2xlShip faster
3xlShip faster
4xlInstall
zsh — heading
1bunx stylexblocks add headingUsage — Ark UI
heading.tsx
123456789101112131415import { Heading } from "#components/ui/ark-ui/heading.tsx";
export function Example() { return ( <> {/* the size prop resolves through the StyleX recipe */} <Heading size="2xl">Ship faster</Heading>
{/* composition: asChild picks the semantic heading level */} <Heading asChild size="4xl"> <h1>StyleX Blocks</h1> </Heading> </> );}