Month blocks

Blocks labeled with the first letter of the month of the year, supply an array of 12 colours chosen from the colour palette.

= ui_component('month_blocks', properties: {segments:['subduedgray', 'subduedgray', 'softblue', 'softblue', 'softgreen', 'softgreen', 'softgreen', 'softgreen', 'softblue', 'softblue', 'subduedgray', 'subduedgray']})

Note that the above will output the markup for the preloader. To make it visible, you need to add a class of is-loading to the parent container.

Example

J
F
M
A
M
J
J
A
S
O
N
D