Usage
DataList pairs labels with read-only values in a consistent column layout: incident details, user profiles, integration metadata. It is optimized for vertical scanning: labels align, values wrap predictably, and a value is the component it already is (a status, a badge, a link, a date) rather than a plain string. Dispatch uses it in side panels and overview tabs, where editing happens elsewhere in a dedicated form.
labelWidth and reused.DataListValue (Badge, Link, Time, StatusDot with text) so semantics surface to assistive tech, not just the eye.EmptyText instead of blank gaps; set emptyLabel so they have a name.formatMessage when they are user-facing.DataListLabel of "Status" with a DataListValue of "Active" is correct).loading and loadingLabel on the list, or on one value, so skeleton lines hold the layout instead of flickering placeholders.error on a value that did not load, and show a Banner when the whole object fails; do not silently omit fields.labelWidth once per region and reuse it across related panels so alignments read as a set.StatusDot with text or a Badge instead of color words in plain value strings.DataList rows without migrating to a proper form pattern.