i

Description list

Organising content · researched

Pairs of related information such as terms and definitions or labels and values.

molecule · also called Summary list, Descriptions

Each block is the real component from that system’s own package, in an isolated frame. They are live: hover, focus and press them. Frames are drawn on white so systems compare on one ground, and a font a system licenses only for its own site (GOV.UK’s Transport) falls back to what the system itself specifies.

Ant Design

Descriptions native: yes antd 6.6.5
Variants
—
Sizes
large, medium, small
States documented
—
Accessibility guidance
no

Renders label/value cells inside a native table/tr (not dl). Layouts horizontal and vertical, bordered option; Descriptions.Item is the deprecated child form, items prop preferred.

docs ↗ · code ↗

Carbon

absentCarbon does not ship this component. Nothing is drawn in its place.

Checked docs components list and source; no dl/dt/dd element in react components. StructuredList is a table-like list of rows and columns, not term and definition pairs, so I did not count it.

GOV.UK

Summary list native: yes govuk-frontend 6.5.1
Variants
no-border, summary card
Sizes
—
States documented
default
Accessibility guidance
no

Renders a native dl with dt/dd rows and optional action links; also shows 'Summary cards'. Used for check-your-answers pages.

docs ↗ · code ↗

Material Web

absentMaterial Web does not ship this component. Nothing is drawn in its place.

Checked docs/components (20 component pages), the repo top-level dirs, labs/, labs/gb/components and the installed 2.5.0 package. No dl/term-definition element; md-list-item has headline and supporting text slots but is a list item.

Primer

absentPrimer does not ship this component. Nothing is drawn in its place.

No description-list component. Searched component index and src tree for description/dl; ActionList.Description is an item subpart, not a term/definition list. Checked: primer.style/product/components/ index, internal-components list, ui-patterns, packages/react/src tree (incl. deprecated/, experimental/, internal/).

Spectrum

Labeled value subset native: no
shipped, not drawn hereSpectrum documents this component, but it could not be drawn from the package used for the frames. The note below says why.
Variants
—
Sizes
S, M, L, XL
States documented
—
Accessibility guidance
no

Index disagreement: it said not shipped but listed Labeled value; I count it as shipped but only a subset: S2 and v3 LabeledValue show one read-only label and value pair (div and span, no dl/dt/dd) with locale formatting, not a list of pairs. No SWC or spectrum-css counterpart, no spectrum.adobe.com page. Not in installed SWC 1.12.4. S2 MDX has no accessibility section.

docs ↗ · code ↗

USWDS

absentUSWDS does not ship this component. Nothing is drawn in its place.

Checked the docs component index and status page and the develop packages/ tree (88 entries, matching installed 3.14.0): no description-list component or package; List documents ul/ol and the unstyled variant only; no dl markup in the packages.

Platform facts

Native elementdlSpec: dl 'represents an association list consisting of zero or more name-value groups'; groups may be terms and definitions, metadata topics and values, questions and answers. MDN accessibility: VoiceOver announces dl as a list but does not support list navigation commands; be careful applying ARIA term/definition roles.
Baseline—
APG patternnone
ARIA role—
Shipped by3 of 7 systems

Anatomy

  1. term — Spec: dt, the name in a name-value group.
  2. description — Spec: dd, the value.
  3. group wrapper optional — Spec/MDN: a div may wrap each name-value group.

The seven states

default Static content.
hover n/a — Not interactive.
focus n/a — Not focusable by default.
active n/a — Not interactive.
disabled n/a — Not defined by APG or HTML.
error n/a — Not defined by APG or HTML.
loading n/a — Not defined by APG or HTML.

Every cell was read twice, the second time from raw sources by a separate pass. 0 of 35 fields changed on the second read.