Description List
A description list is typically used to display pairs of terms and details, like in invoices or product specifications, enhancing clarity and organization of information.
Source code
Click here to see the source code for this component on GitHub. Feel free to copy it and adjust it for your own use.
Installation
npx ui-thing@latest add description-list
Usage
Basic
- Invoice Number
- INV-12345
- Invoice Date
- September 21, 2024
- Due Date
- October 21, 2024
- Customer Name
- John Doe
- Total Amount
- $1,250.00
- Status
- Pending
With Card
Product Details
The product details card is a great way to display information about a product.
- Product Name
- Wireless Headphones
- Battery Life
- 20 hours
- Weight
- 250 grams
- Color
- Black
- Warranty
- 2 years