A heading whose level and look are chosen apart
Heading sets the element from level and the look from tier, so the page outline stays correct whatever size a design calls for. Display tiers take the display text role and heading tiers the heading role, so a theme that tones either tones every Heading with it.
Tiers
Display 2
Sub display
Heading 1
Heading 2
Heading 3
Title in the body face
Level apart from tier
An h3 in the heading 1 tier
Invoice INV-2041
Tone and wrapping
Notification settings
Northwind supply agreement, renewal draft for review
Every payment, invoice and payout in one place
// From the npm package
import { Heading } from 'rift-ds/components/Heading/Heading';
// Or as source you own, via the shadcn CLI
npx shadcn@latest add https://rift-ds.com/r/heading.json