Use data rows to render key/value pairs within related groups. Because we're
using a description list for the underlying elements,
DataRow must be wrapped by
DataGroup even if there's just one row.
Provide an optional
title to describe the group of values.
- Serving size
- Serving method
A data row consist of a label and a value. The label is a
string and should be
concise. The value is implemented using
children so you can provide inline elements
<a/>, but block-level elements are forbidden.
To aid the user when parsing rows we replace empty values with a symbol so the eye doesn't drift away from the content.
For numeric or similar data it may be necessary to align the value to the right of the container.
- Annual entitlement
- 152 hours
- Leave start date
- Friday, 26 June 2020
- Leave loading