Summary List
Summary List provides a summary of data, generally from a form.
Overview
Summary Lists display labelled data for users to review, for example on the summary page of a multi-step form. Summary Lists are a composition of Description list components.
Usage
In unmoderated usability testing (opens in new window) with 5 participants looking at a prototype for a future move out, everyone saw the value in having a summary.
Properties
SummaryItem
| Name | Values | Default |
|---|---|---|
label (required) | ReactNode | |
...Passed to data element | JSX.IntrinsicElements["dd"] |