Key figure group

In progress

Key figures are a way to show multiple (3-6) key figures that the the content creator wishes to emphasize. Elements consists of bold heading and a short description. It can be used with or without heading. Comes in two sizes, large/small.

# Examples

<hy-key-figure-group
  data-items='[{"heading":"3500 h","description":"Opetusta annettiin Helsingin yliopistossa vuonna 2019"},
    {"heading":"87%","description":"Hakijoista valitsi Helsingin yliopiston ensisijaiseksi vaihtoehdoksi."},
    {"heading":"4/5","description":"Kaikista maistereista työllistyi omalle alalleen vuoden sisällä valmistumisesta"}]'
>
</hy-key-figure-group>

<hy-key-figure-group
  data-items='[{"heading":"3500 h","description":"Kaikista maistereista työllistyi omalle alalleen vuoden sisällä valmistumisesta"},
    {"heading":"87%","description":"Hakijoista valitsi Helsingin yliopiston ensisijaiseksi vaihtoehdoksi."},
    {"heading":"63","description":"Opetusta annettiin Helsingin yliopistossa vuonna 2019"},
    {"heading":"4/5","description":"Key Highlight description text"}]'
>
</hy-key-figure-group>

<hy-key-figure-group
  data-items='[{"heading":"3500 h","description":"Opetusta annettiin Helsingin yliopistossa vuonna 2019"},
    {"heading":"87%","description":"Hakijoista valitsi Helsingin yliopiston ensisijaiseksi vaihtoehdoksi."},
    {"heading":"87%","description":"Kaikista maistereista työllistyi omalle alalleen vuoden sisällä valmistumisesta"},
    {"heading":"96%","description":"Hakijoista valitsi Helsingin yliopiston ensisijaiseksi vaihtoehdoksi."},
    {"heading":"4/5","description":"Key Highlight description text"}]'
>
</hy-key-figure-group>

# Properties

Property Attribute Description Type Default
dataItems data-items data KeyFigureValue[] \| string undefined

# Dependencies

# Depends on

← Key highlight group →