altinn-designsystem/source/_patterns/01-molekyler/02-navigasjon/11-toppoppgaver.json

Altinn Design system based on Pattern Lab.

{
  "topTaskButtons": [{
    "dropdown-overflow": false,
	  "button-class": "a-btn a-active a-btn-icon a-btn-transparentWhite",
	  "button-colorClass": "",
	  "link-url": "link.sider-portal-innboks-mva-og-skatt-nyoppstartet",
	  "button-text": "alle",
    "responsive-br": true,
		"button-icon": {
      "icon-prefix": "ai",
      "icon-class": "ai-closedmessage",
      "icon-extra-class": "a-btn-icon-symbol"
    },
	  "button-shadow-label": false
	},
  {
    "dropdown-overflow": false,
	  "button-class": "a-btn a-btn-icon a-btn-transparentWhite",
	  "button-colorClass": "",
	  "link-url": "link.sider-portal-innboks-arkiv",
	  "button-text": "arkiv",
    "responsive-br": true,
		"button-icon": {
      "icon-prefix": "ai",
      "icon-class": "ai-archive",
      "icon-extra-class": "a-btn-icon-symbol"
    },
	  "button-shadow-label": false
	},
  {
    "dropdown-overflow": false,
	  "button-class": "a-btn a-btn-icon a-btn-transparentWhite",
	  "button-colorClass": "",
    "link-url": "link.sider-portal-innboks-slettede-meldinger",
	  "button-text": "slettede",
    "responsive-br": true,
		"button-icon": {
      "icon-prefix": "ai",
      "icon-class": "ai-trash",
      "icon-extra-class": "a-btn-icon-symbol"
    },
	  "button-shadow-label": false
	},
  {
    "dropdown-overflow": true,
    "wrapper-class": "d-lg-none",
	  "button-class": "a-btn a-btn-icon a-btn-transparentWhite",
	  "button-colorClass": "",
	  "link-url": false,
	  "button-text": "mer",
    "responsive-br": true,
		"button-icon": {
      "icon-prefix": "ai",
      "icon-class": "ai-more",
      "icon-extra-class": "a-btn-icon-symbol"
    },
	  "button-shadow-label": false
	},
  {
    "dropdown-overflow": false,
    "wrapper-class": "d-lg-none",
	  "button-class": "a-btn a-btn-icon a-btn-transparentWhite",
	  "button-colorClass": "",
	  "link-url": "link.sider-portal-innboks-mva-og-skatt",
	  "button-text": "nytt",
    "responsive-br": true,
		"button-icon": {
      "icon-prefix": "ai",
      "icon-class": "ai-plus",
      "icon-extra-class": "a-btn-icon-symbol a-button-icon-symbol--secondary"
    },
	  "button-shadow-label": false
	}]
}