Render Key/Values from dynamic checkbox or select fields

The CMS Questions
5

ok, so I use this field definition (the endpoint works):

        category:
          label: Category
          type: checkboxes
          options: api
          api:
            url: https://run.mocky.io/v3/9b3e1cf6-41d2-4bdc-b1e5-30abefdee859
            fetch: Companies
            text: "{{ item.text }}"
            value: "{{ item.value }}"

The Endpoint outputs this:

{
  "Companies": [
    {
      "value": "apple",
      "text": "Apple",
      "extra": "iphone"
    },
    {
      "value": "intel",
      "text": "Intel",
      "extra": "chip"
    },
    {
      "value": "microsoft",
      "text": "Microsoft",
      "extra": "OS"
    }
  ]
}

In the panel it will be rendered like this:

image

And my selection is saved like this:

----

Category: apple, intel

----

And in my template I would access it like this:

$page->category()->??

I couldn’t identify a field method that would parse the api: properties. I did find the OptionsApi class https://github.com/getkirby/kirby/blob/master/src/Form/OptionsApi.php, that’s being called to process the field definition in the backend, I believe - and that deals with the remote api request etc.

How do I get this working in the frontend?