Descriptionsdata-display
Read-only label and value grid with horizontal or vertical layout, responsive columns, spans, bordered variant and a header.
설치
pnpm
pnpm dlx shadcn@4.23.0 add @uikit/descriptionsBordered
descriptions-bordered.tsx
import { Descriptions } from "@/components/ui/descriptions";
export default function DescriptionsBordered() { return ( <Descriptions bordered layout="vertical" column={2} items={[ { key: "a", label: "Check-in", children: "15:00" }, { key: "b", label: "Check-out", children: "11:00" }, { key: "c", label: "Breakfast", children: null }, ]} /> );}