altinn-designsystem/source/_patternlab/altinn/_patterns/molekyler/navigasjon/toppoppgaver.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 knapp med ikon",
  "buttonClass": "a-btn a-btn-icon",
  "button-colorClass": "",
  "link-url": "",
  "button-shadow-label": false,
  "button-icon": {
    "icon-prefix": "ai",
    "iconClass": "ai-deadline"
  },
  "topTaskButtons": [
    {
      "dropdown-overflow": false,
      "buttonClass": "a-btn a-active a-btn-icon a-btn-transparentWhite",
      "button-colorClass": "",
      "link-url": "",
      "button-text": "alle",
      "responsive-br": true,
      "button-icon": {
        "icon-prefix": "ai",
        "iconClass": "ai-closedmessage",
        "iconExtraClass": "a-btn-icon-symbol"
      },
      "button-shadow-label": false
    },
    {
      "dropdown-overflow": false,
      "buttonClass": "a-btn a-btn-icon a-btn-transparentWhite",
      "button-colorClass": "",
      "link-url": "",
      "button-text": "arkiv",
      "responsive-br": true,
      "button-icon": {
        "icon-prefix": "ai",
        "iconClass": "ai-archive",
        "iconExtraClass": "a-btn-icon-symbol"
      },
      "button-shadow-label": false
    },
    {
      "dropdown-overflow": false,
      "buttonClass": "a-btn a-btn-icon a-btn-transparentWhite",
      "button-colorClass": "",
      "link-url": "",
      "button-text": "slettede",
      "responsive-br": true,
      "button-icon": {
        "icon-prefix": "ai",
        "iconClass": "ai-trash",
        "iconExtraClass": "a-btn-icon-symbol"
      },
      "button-shadow-label": false
    },
    {
      "dropdown-overflow": true,
      "wrapper-class": "d-lg-none",
      "buttonClass": "a-btn a-btn-icon a-btn-transparentWhite",
      "button-colorClass": "",
      "link-url": false,
      "button-text": "mer",
      "responsive-br": true,
      "button-icon": {
        "icon-prefix": "ai",
        "iconClass": "ai-more",
        "iconExtraClass": "a-btn-icon-symbol"
      },
      "button-shadow-label": false
    },
    {
      "dropdown-overflow": false,
      "wrapper-class": "d-lg-none",
      "buttonClass": "a-btn a-btn-icon a-btn-transparentWhite",
      "button-colorClass": "",
      "link-url": "",
      "button-text": "nytt",
      "responsive-br": true,
      "button-icon": {
        "icon-prefix": "ai",
        "iconClass": "ai-plus",
        "iconExtraClass": "a-btn-icon-symbol a-button-icon-symbol--secondary"
      },
      "button-shadow-label": false
    }
  ]
}