Components
Charts
Setting UpArea ChartLine ChartBar ChartPie ChartRadar ChartRadial Bar ChartScatter ChartTooltip ChartColors
Color AreaColor FieldColor PickerColor SliderColor SwatchColor Swatch PickerColor ThumbColor WheelDrag and drop
Drop ZoneForms
CheckboxCheckbox GroupFieldFormInput OTPNumber FieldRadio GroupSearch FieldTag FieldText FieldTextareaUtilities
Visually HiddenComponents
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
If you hit any issues, make sure you check out the installation guide here for more information.
Anatomy
Manual Installation
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