Lumeo

Descriptions

A key-value pair list for displaying structured metadata.

Installation

dotnet add package Lumeo

One-time app setup (AddLumeo(), CSS & JS) is covered in the installation guide.

Usage

@using Lumeo

<Descriptions />

When to Use

  • Detail views showing entity information like user profiles or order summaries
  • Product specifications with labeled attribute-value pairs
  • Key-value data display for settings, configuration, or metadata
  • Read-only data presentation where a full table is not needed

User Details

Name
John Doe
Role
Administrator
Status
Active

Order Details

Order ID
#2024-0127
Date
Jan 27, 2025
Status
Shipped
Amount
$249.00
Payment
Visa ***4242
Tracking
1Z999AA10123456784
Product
Lumeo Pro License
Price
$99/year
License Key
XXXX-XXXX-XXXX-XXXX

API Reference

Descriptions

Property Type Default Description
Titlestring?nullHeading above the descriptions grid.
BorderedboolfalseDisplay with borders and dividers.
Columnint3Number of columns (1-4).
ChildContentRenderFragment?nullDescriptionsItem children.

DescriptionsItem

Property Type Default Description
Labelstring?nullKey label text.
ChildContentRenderFragment?nullValue content.
Classstring?nullAdditional CSS classes.
  • Table — Display tabular data with rows and columns for larger datasets
  • Card — Wrap descriptions in a card for visual grouping