Data Display

DescriptionList

Key/value fact sheet: a label–value pair list like a spec sheet or detail card.

Props

DescriptionList extends HTMLAttributes<HTMLDivElement>.

DescriptionListProps props

Prop	Type	Default	Description
`rows`	`DescriptionRow[]`	—	Array of key/value row definitions.
`spacious`	`boolean`	—	Roomier rows, for a review pane rather than a dense detail panel. WizardSummary is this list in that mode.

DescriptionRow props

Prop	Type	Default	Description
`key`	`ReactNode`	—	Label for the row.
`value`	`ReactNode`	—	Value displayed next to the label.
`mono`	`boolean`	—	Renders the value in monospace font.
`onClick`	`() => void`	—	Makes the row clickable and shows hover styling.
`action`	`ReactNode`	—	Content after the value. Remains separate from wrapped value text.

Serviceapi-gateway

Regionus-east-1

EnvironmentProduction

Version3.14.2

Basic description list

Instance IDi-0a1b2c3d4e5f67890

IP Address10.0.1.42

MAC Address0a:1b:2c:3d:4e:5f

Description list with mono values

GitHub repoonset

Docker imageonset:latest

Documentationdocs.onset.dev

Description list with clickable rows

ImportTSX

import { DescriptionList } from "@solarius/onset";
import type { DescriptionRow } from "@solarius/onset";