Utility
AI
Terminal
Installation
pnpm dlx shadcn@latest add https://termcn.dev/r/key-value.json
Usage
import { KeyValue } from "@/components/ui/key-value";<KeyValue
items={[
{ key: "Name", value: "my-app" },
{ key: "Version", value: "2.1.0" },
{ key: "License", value: "MIT" },
]}
/>API Reference
KeyValue
| Prop | Type | Default |
|---|---|---|
items | KeyValueItem[] | required |
keyWidth | number | undefined |
separator | string | ":" |
keyColor | string | undefined |
valueColor | string | undefined |
KeyValueItem
| Prop | Type | Default |
|---|---|---|
key | string | required |
value | ReactNode | required |
color | string | undefined |