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.

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
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

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.

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
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