Browse documentation

UI / Foundations / Reference

Heading: document hierarchy independent of visual size

Reference contextual heading levels and the default role-based host.

Use Heading when a reusable component receives its structural level from context. Its default host is a div with role="heading" and aria-level; use a native h1–h6 when the level is fixed.

import { Heading } from "@typed/ui/Heading";

export const AccountHeading = Heading({ level: 2, content: "Account security" });

Typography does not determine hierarchy. See the Heading API.