Permissions Matrix
Tables
Source and install need .
pnpm dlx shadcn@latest add @assembli/description-listDescription List
The key/value details panel every admin screen needs: a semantic dl with a titled header and action, rows that put each term beside its value and stack in narrow containers, or a term-over-value grid. Values can carry a copy button that confirms with a check, terms a hint tooltip, IDs set in monospace, and empty values show a quiet dash. Shown as payment details.
- Dependencies
- lucide-react(npm, opens in a new tab)
Props
Other props pass through to the root element.
title
React.ReactNode
description
React.ReactNode
action
React.ReactNode
A button or link at the end of the header, such as Edit.
variant
Variant
Default
"rows"rows: term beside value, divided rows (stacks in narrow containers).grid: term over value in a 2–3 column grid.
| Prop | Type | Default | Description |
|---|---|---|---|
| title | React.ReactNode | – | |
| description | React.ReactNode | – | |
| action | React.ReactNode | – | A button or link at the end of the header, such as Edit. |
| variant | Variant | "rows" | rows: term beside value, divided rows (stacks in narrow containers). grid: term over value in a 2–3 column grid. |
