Heading

Document headings, levels 1 to 4.

heading-example.tsx

import { Document, Page } from "@ui-registries/pdf";import { Heading } from "@/components/pdf/heading";
export default function HeadingExample() {  return (    <Document>      <Page className="gap-6 bg-background p-10 text-sm" size={{ width: 420 }}>        <Heading level={1}>Heading 1</Heading>        <Heading level={2}>Heading 2</Heading>        <Heading level={3}>Heading 3</Heading>        <Heading level={4}>Heading 4</Heading>      </Page>    </Document>  );}

Installation

Terminal

npx shadcn add https://ui-registry.com/r/pdf/heading.json

Usage

tsx

import { Heading } from "@/components/pdf/heading";
<Heading level={1}>Annual report</Heading><Heading level={2}>Highlights</Heading>