{
  "button-text": "En standard knapp",
  "buttonClass": "a-btn",
  "button-disabled": false,
  "button-type": "button",
  "onclick": false,
  "button-icon": false,
  "display-as-link": false,
  "icon-prefix": "ai",
  "iconClass": "ai-deadline",
  "icon-size": "",
  "iconExtraClass": "",
  "icon-text": "",
  "icon-id": false,
  "sr-only": false,
  "aria-hidden": false,
  "stacked-background": false,
  "icon-post-text": false,
  "icon-title": false,
  "icon-sr-only-text": false,
  "checkbuttons": [
    {
      "checkbuttons-title": " Kun lese",
      "checkbuttons-id": "checkbutton-read",
      "checkbuttons-class": "",
      "hasIcon": {
        "icon-prefix": "ai",
        "iconClass": "ai-read"
      }
    },
    {
      "checkbuttons-title": " Fylle ut",
      "checkbuttons-id": "checkbutton-edit",
      "checkbuttons-class": "",
      "hasIcon": {
        "icon-prefix": "ai",
        "iconClass": "ai-write"
      }
    },
    {
      "checkbuttons-title": " Signere",
      "checkbuttons-id": "checkbutton-sign",
      "checkbuttons-class": "",
      "role": "button",
      "hasIcon": {
        "icon-prefix": "ai",
        "iconClass": "ai-sign"
      },
      "stacked-background": false,
      "enable-popover": true,
      "popover-placement": "bottom",
      "popover-content-id": "conditionalPopover",
      "popover-class": "popover-warning",
      "popover-text": "Dette er en popover tekst",
      "data-trigger": "onchange",
      "popover-buttons": [
        {
          "button-text": "knapp",
          "buttonClass": "a-btn a-btn-danger"
        }
      ]
    },
    {
      "checkbuttons-title": " Toggle state icon",
      "checkbuttons-id": "checkbutton-toggle",
      "checkbuttons-class": "a-toggle-icon",
      "hasIcon": {
        "icon-prefix": "ai",
        "iconClass": "ai-plus"
      },
      "checkbuttons-toggle-icon": {
        "checkbuttons-class": "a-toggle-icon",
        "icon-prefix": "ai",
        "iconClass": "ai-check"
      }
    },
    {
      "checkbuttons-title": "Eksempel uten ikon",
      "checkbuttons-id": "checkbutton-example",
      "checkbuttons-class": "",
      "hasIcon": false
    },
    {
      "checkbuttons-title": "Eksempel på deaktivert",
      "checkbuttons-id": "checkbutton-deactivated",
      "checkbuttons-class": "disabled",
      "isDisabled": true,
      "hasIcon": {
        "icon-prefix": "ai",
        "iconClass": "ai-sign"
      }
    },
    {
      "checkbuttons-title": "Eksempel med veldig veldig veldig lang tekst som blir kuttet av på mobilvisning",
      "checkbuttons-id": "checkbutton-longtext",
      "checkbuttons-class": "",
      "hasIcon": false
    }
  ]
}