Paired values list
The paired values list pattern can be used to group together content that consists of a list of name and value pairs. These are displayed in an aligned grid with each pair on a separate line.
Rules for paired values list
- Each item-pair's name should be unique.
Options available
List of days with associated times
A common use of this pattern would be to display the days of the week with associated opening times.
- Monday
- 9.00am to 5.00pm
- Tuesday
- 9.00am to 5.00pm
- Wednesday
- 9.00am to 5.00pm
- Thursday
- 9.00am to 5.00pm
- Friday
- 9.00am to 5.00pm
- Saturday
- Closed
- Sunday
- Closed
Code
Example
- Monday
- 9.00am to 5.00pm
- Tuesday
- 9.00am to 5.00pm
- Wednesday
- 9.00am to 5.00pm
- Thursday
- 9.00am to 5.00pm
- Friday
- 9.00am to 5.00pm
- Saturday
- Closed
- Sunday
- Closed
List of days, with associated times, showing current day
For a repeating weekly list of days it may be beneficial to highlight the current day to aid quick identification of the corresponding time. This example demonstrates how it should display if viewed on a Thursday.
- Monday
- 9.00am to 5.00pm
- Tuesday
- 9.00am to 5.00pm
- Wednesday
- 9.00am to 5.00pm
- Thursday
- 9.00am to 5.00pm
- Friday
- 9.00am to 5.00pm
- Saturday
- Closed
- Sunday
- Closed
Code
- Monday
- 9.00am to 5.00pm
- Tuesday
- 9.00am to 5.00pm
- Wednesday
- 9.00am to 5.00pm
- Thursday
- 9.00am to 5.00pm
- Friday
- 9.00am to 5.00pm
- Saturday
- Closed
- Sunday
- Closed