@assaabloy/gw-group-nav-header

^{Global web - web components}

Header with navigation and language switcher

Custom HTML element

<gw-group-nav-header content=""></gw-group-nav-header>

Properties

Name	Type	Description
content	Object	base64 encoded

content

{
  "layout": "floating || full-width",
  "url": "",
  "logo": {
    "src": "",
    "link": ""
  },
  "navigationData": {
    "marketData": {
      "name": ""
    },
    "menuItems": [
      {
        "links": [
          {
            "links": [
              {
                "id": "",
                "label": "",
                "url": "",
                "description": ""
              }
            ],
            "id": "",
            "label": "",
            "url": "",
            "description": ""
          }
        ],
        "id": "",
        "label": "",
        "url": "",
        "description": ""
      }
    ]
  },
  "locationSwitcher": {
    "title": "",
    "text": "",
    "trigger": "",
    "marketDropdown": {
      "title": "",
      "text": ""
    },
    "languageListTitle": "",
    "links": [
      {
        "text": "",
        "url": "",
        "external": false
      }
    ]
  },
  "search": {
    "addSearch": {
      "id": ""
    }
  },
  "divisionBrandSwitcherData": {
    "visible": true,
    "divisions": {
      "title": "",
      "links": [
        {
          "title": "",
          "text": "",
          "link": {
            "text": "",
            "url": ""
          }
        }
      ]
    },
    "brands": {
      "title": "",
      "links": [
        {
          "logotype": "",
          "linkURL": ""
        }
      ]
    }
  },
  "topbar": {
    "visible": true,
    "links": [
      {
        "text": "",
        "url": ""
        "external": false
      }
    ]
  },

  // Translations
  "openDialog": "Open dialog",
  "locationDialog": "Location dialog",
}

content.url response

{
  "navigationData": {
    "marketData": {
      "name": ""
    }
  },
  "locationSwitcher": {
    "currentMarket": {
      "market": "",
      "languages": [
        {
          "language": "",
          "url": ""
        }
      ]
    },
    "markets": [
      {
        "market": "",
        "languages": [
          {
            "language": "",
            "url": ""
          }
        ]
      }
    ]
  },
  "breadcrumbs": [
    {
      "text": "",
      "url": ""
    },
  ]
}

Dependencies @assaabloy/gw-group-vendor @assaabloy/brand-styles