Installation
$ pnpm dlx shadcn@latest add @pdfcn/takumi/key-value
Usage
import { KeyValue } from "@/components/pdf/key-value";<KeyValue items={[{ key: "Name", value: "Ada" }]} />API Reference
KeyValue
| Prop | Type | Default |
|---|---|---|
items | KeyValueEntry[] | - |
direction | 'horizontal' | 'vertical' | 'horizontal' |
divided | boolean | false |
size | 'sm' | 'md' | 'lg' | 'md' |
labelFlex | number | 1 |
labelColor | string | - |
valueColor | string | - |
boldValue | boolean | false |
noWrap | boolean | false |
dividerColor | string | - |
dividerThickness | number | - |
dividerMargin | number | - |