Description Lists

Structured lists for pairing terms with detailed descriptions - built with shadcn/ui.

Description list with cards

This Shadcn description list block presents key-value details as separate cards for fast scanning. Presents a list of terms and their definitions as separate cards, each card containing a title on top and the description below.

Description list with edit buttons

This Shadcn description list block makes each field feel actionable by adding edit controls inline. Shows a standard description list but includes a small edit icon beside each entry so users can modify the values.

Description list with inputs

This Shadcn description list block turns static values into editable fields for quick updates without leaving the page. Turns the value part of each description into an editable input field so users can change the data directly.

Description list in 2 columns

This Shadcn description list block helps longer sets of details fit comfortably by splitting entries into two columns. Splits the list into two vertical columns, helpful when there are many items; each term still pairs with its definition.

Get access to all Pro Blocks in our Premium Package

Buy now

Description Lists

Our Description List component, built with shadcn/ui, pairs a term with its explanation. This block is great for showing metadata like specs or user details.

FAQs

It's a way to show a term and its definition together, like "Size: Large."