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.

Basic

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.

Preview

Code

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

Installation

CLI

Manual

In the terminal, run the following command to begin:

npx hq-kit add description-list

With Heading

This example shows with heading.

Preview

Code

Product Details

Product Name: Wireless Headphones
Battery Life: 20 hours
Weight: 250 grams
Color: Black
Warranty: 2 years

With Card

Sometimes, you may want to use a card to display the description list. This example shows how to do it.

Preview

Code

Product Details

The product details card is a great way to display information about a product.