Studiov0.6.0

Heading

Tier 1 — shadcn
Typography

Semantic heading component with consistent type scale from h1–h6.

Live Preview

Heading 2xl

Heading xl

Heading lg

Code

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

<Heading />

Props Inspector

No configurable props for this component.

Documentation

Use Cases

  • •Page titles and section headers
  • •Card titles
  • •Form section labels

Do

  • ✓Use semantic as= prop (h1, h2, etc.)
  • ✓Use size= for visual scale independent of semantics

Don't

  • ✗Don't skip heading levels for styling
  • ✗Don't hardcode font-size in className