Page Kit
x
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
<div class="pk-c-legend">
  <div class="pk-c-legend__container">
    <div class="pk-c-legend-item">
      <div class="pk-c-legend-item__key" style="background-color: #FF0000;">
      </div>
      <p>
        The first sentence
      </p>
    </div>
    <div class="pk-c-legend-item">
      <div class="pk-c-legend-item__key" style="background-color: #00FF00;">
      </div>
      <p>
        The second sentence
      </p>
    </div>
    <div class="pk-c-legend-item">
      <div class="pk-c-legend-item__key" style="background-color: #0000FF;">
      </div>
      <p>
        The third sentence
      </p>
    </div>
  </div>
</div>
1
2
3
4
5
6
7
8
9
10
11
12
13
14
c('site/legend', legend_items: [
    {
      key_colour: '#FF0000',
      label: 'The first sentence'
    },
    {
      key_colour: '#00FF00',
      label: 'The second sentence'
    },
    {
      key_colour: '#0000FF',
      label: 'The third sentence'
    }
  ])

No notes provided.

No params configured.