Skip to main content

Data display

DescriptionList

Render structured term-definition pairs for compact reference data. Perfect for displaying metadata like it's a sleek dossier.

Curated demo

Registry
GitHub Packages
Validation
pnpm run validate

Reference

Render structured term-definition pairs for compact reference data. Perfect for displaying metadata like it's a sleek dossier.

  • Use DescriptionList for paired reference facts. 'Key' meets 'Value'. It's a match made in heaven.
  • Keep terms short and values easy to scan.
  • Don't use it for long essays. That's what paragraphs are for.

Example snippet

<DescriptionList items={releaseMetadata} />