altinn-designsystem/source/_patternlab/altinn/_patterns/felles-komponenter/tekst/varsel.json

Altinn Design system based on Pattern Lab.

{
  "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,
  "dropdown-linkClass": "a-borderBottom",
  "dropdown-top-item": {
    "dropdown-top-item-content": "Lagrede søk",
    "overflow-extraclass": "pt-1 pb-1"
  },
  "dropdown-item": [
    {
      "dropdown-icon": {
        "icon-prefix": "ai",
        "iconClass": "ai-letter-r",
        "icon-size": "",
        "iconExtraClass": "a-blue"
      },
      "dropdown-item-content": "Lagre søk",
      "dropdown-item-content-class": "a-fontBold"
    },
    {
      "dropdown-icon": {
        "icon-prefix": "ai",
        "iconClass": "ai-letter-r",
        "icon-size": "",
        "iconExtraClass": "a-blue"
      },
      "dropdown-item-content": "Annet lagret søk",
      "dropdown-item-content-class": "a-fontBold"
    },
    {
      "dropdown-icon": {
        "icon-prefix": "ai",
        "iconClass": "ai-settings",
        "icon-size": "",
        "iconExtraClass": "a-blue"
      },
      "dropdown-item-content": "tilpass",
      "dropdown-item-content-class": "a-fontBold"
    }
  ],
  "label-class": "badge-primary",
  "label-id": false,
  "label-content": "9",
  "button-text": "En standard knapp",
  "buttonClass": "a-btn",
  "button-colorClass": "",
  "link-url": "",
  "button-shadow-label": false,
  "button-icon": false,
  "icon-list-items": [
    {
      "list-item-name": "Forretningsplan.ods",
      "listItemDescription": "(last ned)",
      "icon-prefix": "reg",
      "iconClass": "reg-attachment-ods ai-md ai-nw pr-1"
    },
    {
      "list-item-name": "Oppdragsavtale.doc",
      "listItemDescription": "(last ned)",
      "icon-prefix": "reg",
      "iconClass": "reg-attachment ai-md ai-nw pr-1"
    },
    {
      "list-item-name": "Driftsbudsjett.pdf",
      "listItemDescription": "(last ned)",
      "icon-prefix": "reg",
      "iconClass": "reg-attachment-pdf ai-md ai-nw pr-1"
    }
  ],
  "button-disabled": false,
  "button-type": "button",
  "onclick": false,
  "display-as-link": false,
  "aria-label": "knapp med popover",
  "enable-popover": true,
  "popover-placement": "bottom",
  "popover-content-id": "sampleIdPopoverButtoinLink",
  "popover-class": "popover-warning",
  "popover-text": "Dette er en popover tekst",
  "popover-buttons": [
    {
      "button-text": "knapp",
      "buttonClass": "a-btn a-btn-danger"
    },
    {
      "button-text": "link",
      "buttonClass": "a-btn-link a-linkDanger",
      "display-as-link": true
    }
  ],
  "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
    }
  ],
  "link-text": "En lenke ser slik ut",
  "sr-text": false,
  "alert-id": "alert",
  "alert-class": "a-message-info",
  "alert-items": {
    "alert-text": {
      "text": "Dette er en driftsmelding eller endringsinformasjon"
    }
  }
}