Tabs - radio

<div class="mp c-tabs">
  <nav class="c-tabs__controls">
    <ul class="c-tabs__controls-list">
      <li><input type="radio" class="u-hidden" id="tab-1" name="tab" value="webinars"  /><label for="tab-1" class="c-tabs__control">Webinars</label></li>
      <li><input type="radio" class="u-hidden" id="tab-2" name="tab" value="events" checked /><label for="tab-2" class="c-tabs__control">Events</label></li>
      <li><input type="radio" class="u-hidden" id="tab-3" name="tab" value="training"  /><label for="tab-3" class="c-tabs__control">Training</label></li>
    </ul>
  </nav>
</div>

{
  "name": "tab",
  "links": [
    {
      "id": "tab-1",
      "value": "webinars",
      "label": "Webinars"
    },
    {
      "id": "tab-2",
      "value": "events",
      "label": "Events",
      "active": true
    },
    {
      "id": "tab-3",
      "value": "training",
      "label": "Training"
    }
  ]
}