altinn-designsystem/source/_patterns/02-organismer/01-globale/00-header.json

Altinn Design system based on Pattern Lab.

{
  "header-color": "",
  "logo": "../../images/a-logo-blue.svg",
  "button-class": "a-btn a-btn-icon a-btn-shadow",
  "button-colorClass": "",
  "dropdown-class": "a-dropdown-languages",
  "icon-prefix": "ai",
  "icon-class": "ai-private",
  "icon-extra-class": "",
  "personlogin-isDropdown": "dropdown",
  "dropdown-personswitch": true,
  "hide-header": true,
  "dropdown-languages": {
    "dropdown-class": "a-dropdown-languages",
    "dropdown-item": [
      {
        "dropdown-item-image": "../../images/norsk.svg",
        "dropdown-item-image-class": "a-iconLeft a-flag",
        "dropdown-item-title": "Bokmål",
        "dropdown-item-content": "Alt innhold er tilgjengelig på bokmål."
      },
      {
        "dropdown-item-image": "../../images/english.svg",
        "dropdown-item-image-class": "a-iconLeft a-flag",
        "language": "lang=\"en\"",
        "dropdown-item-title": "English",
        "dropdown-item-content": "All content is available in english."
      },
      {
        "dropdown-item-image": "../../images/norsk.svg",
        "dropdown-item-image-class": "a-iconLeft a-flag",
        "dropdown-item-title": "Nynorsk",
        "dropdown-item-content": "Det er førebels berre skjema som er tilgjengelig på nynorsk. Andre sider vil vises med bokmål."
      },
      {
        "dropdown-item-image": "../../images/globe.svg",
        "dropdown-item-image-class": "a-iconLeft a-flag a-globe",
        "language": "lang=\"en\"",
        "dropdown-item-title": "Other languages",
        "dropdown-item-content": "Information about other languages."
      }
    ]
  },
  "myself-name": "JAN PETTERSEN",
  "myself-represent-number": "9",
  "myself-personal-number": "Personnr. 123456 12345",
  "header-mobilesearch": {
    "text-input-id": "dropdown-input-search",
    "top-label": "Søk etter innhold",
    "text-input-placeholder": "Søk etter innhold",
    "input-type": "search",
    "isHidden": true,
    "isInput-group": "input-group",
    "form-input-hasButton": {
      "button-icon": {
        "icon-prefix": "ai",
        "icon-class": "ai-search"
      },
      "button-text": [
        {
          "button-text-value": "Søk",
          "button-text-class": "sr-only"
        }
      ],
      "onclick": "location.href='link.sider-infoportal-sok-forside';"
    }
  },
  "tel-icon": {
    "icon-prefix": "ai ai-nw ai-nw-pr",
    "icon-class": "ai-phone"
  }
}