Patch UI

DisplayHeading

Big-display marketing typography. Three sizes, weight 500, tight letter-spacing scaled with size.

$npx shadcn add @patchui/display-heading

Subsection title

Section title

Build something
people love.

Usage

import { DisplayHeading } from "@patchui/react";
 
<DisplayHeading size="xl">Build something people love.</DisplayHeading>

Props

  • size - "md" | "lg" | "xl" (56 / 88 / 124px). Default "lg".
  • render - base-ui render prop, e.g. <h2 />. Default <h1 />.