Descriptions

Key–value details as a semantic <dl> — bordered grid or airy list, 1–4 columns, spanning cells.

2 files · 46 locdeps: clsx, tailwind-merge

Installation

With the shadcn CLI, pointing at this platform’s registry:

npx shadcn@latest add https://opusui.131199999.xyz/r/descriptions.json

Or offline, straight from your opus55 checkout (copies every file it needs):

node ../tailwind_component/opus55/scripts/add.mjs descriptions

import { Descriptions } from "@/components/opus/ui/descriptions";

<Descriptions items={[{ label: "Plan", value: "Pro" }]} columns={3} />

Prop	Type	Default	Description
items	{ label, value, span? }[]	—	Pairs.
columns	1 \| 2 \| 3 \| 4	3	Columns on wide screens.
variant / title	"grid" \| "list" / ReactNode	—	Look and heading.