Terms and their values
A description list sets out facts for a review screen, a receipt, account details or a record inspector. Entries stack, sit in two columns that stack when the list is narrow, or fill a grid; values can be copied or carry an action, and an empty value says so in words.
Stacked
- Account holder
- Northwind Supply Ltd
- Sort code
- 04-00-04
- Account number
- 1234 5678Copy Account number
- Reference
- Not set
Inline
- Subtotal
- $1,084.00
- Delivery
- $200.00
- Total paid
- $1,284.00
Grid
- Status
- Open
- Priority
- High
- Assignee
- Priya Shah
- Created
- 2 Nov 2026
- Due
- 9 Nov 2026
- Ticket
- SUP-4410Copy Ticket
// From the npm package
import { DescriptionList } from 'rift-ds/components/DescriptionList/DescriptionList';
// Or as source you own, via the shadcn CLI
npx shadcn@latest add https://rift-ds.com/r/description-list.json