Separator

Horizontal or vertical divider.

separator-example.tsx

import { Block, Document, Page, Text } from "@ui-registries/pdf";import { Separator } from "@/components/pdf/separator";
export default function SeparatorExample() {  return (    <Document>      <Page className="gap-6 bg-background p-10 text-sm" size={{ width: 420 }}>        <Text>Above the separator</Text>        <Separator />        <Block className="h-10 flex-row items-center gap-4">          <Text>Left</Text>          <Separator orientation="vertical" />          <Text>Right</Text>        </Block>      </Page>    </Document>  );}

Installation

Terminal

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

Usage

tsx

import { Separator } from "@/components/pdf/separator";
<Separator className="my-4" />
<Block className="h-10 flex-row gap-4">  <Text>Left</Text>  <Separator orientation="vertical" />  <Text>Right</Text></Block>