Site Header desktop menu links

In progress

Links for desktop menu navigation. The structure includes the links of the 1st and 2nd level, as well as shortcuts and custom title with description per link.

# Example

<hy-desktop-menu-links
  data-desktop-links='[
            {"menuLinkId":"9a1297e0af8490e7d111de27a809a650",
            "isActive":"false",
            "label":"About us",
            "labelExtra":"About us",
            "url":"\/en\/about-us",
            "description":"",
            "shortcutsTitle":"Shortcuts",
            "closeButtonTitle":"Close",
            "shortcuts":[],
            "items":[
                {"menuLinkId":"f07001bbe36ffcc5fe13afd516cbc990","label":"Menu Page 2","url":"\/en\/about-us\/menu-page-2","description":""},
                {"menuLinkId":"dcf3d24e3ce118fe53632f4c351692d2","label":"Test EN","url":"\/en\/about-us\/test-en","description":""}
             ]},
            {"menuLinkId":"494b9cd4d0873b762b7d39cf4e3ea594",
            "isActive":"false",
            "label":"Admissions and education",
            "labelExtra":"Admissions and education",
            "url":"\/en\/admissions-and-education",
            "description":"Lorem ipsum description why not visible? eng\r\n",
            "shortcutsTitle":"Shortcuts",
            "closeButtonTitle":"Close",
            "shortcuts":[
                {"shortcut_title":"Lorem ipsum","shortcut_url":"https:\/\/yle.fi","shortcut_is_external":true,"shortcut_aria_label":"Link opens up in a new tab"},
                {"shortcut_title":"Lorem ipsum","shortcut_url":"\/en\/admissions-and-education\/apply-doctoral-programmes\/doctoral-schools-and-phd-programmes\/doctoral-5","shortcut_is_external":false,"shortcut_aria_label":""}
            ],
            "items":[
                {"menuLinkId":"8f7a9a3120af160ddbfc3f49af305a6e","label":"Search programmes and courses","url":"\/en\/admissions-and-education\/search-programmes-and-courses","description":""},
                {"menuLinkId":"c78ae073d7647c6aec401d7c34d03fcf","label":"Apply to doctoral programmes","url":"\/en\/admissions-and-education\/apply-doctoral-programmes","description":""},
                {"menuLinkId":"6d30499e087bd7d25c6efda513d31216","label":"Re\u00adgister as an at\u00adtend\u00ading or non-at\u00adtend\u00ading stu\u00addent","url":"\/en\/admissions-and-education\/re-gister-tend-ing-or-non-tend-ing-stu-dent","description":""},
                {"menuLinkId":"ad47167dc14a15eb8b7449258b3694ad","label":"For international students","url":"\/en\/admissions-and-education\/international-students","description":""},
                {"menuLinkId":"f3b2a441808819257785364160fd3e01","label":"Contact us","url":"\/en\/admissions-and-education\/contact-us","description":""}
            ]},
            {"menuLinkId":"81d3be1691a7dcdadf5af28c287d65a5",
            "isActive":"false",
            "label":"Careers",
            "labelExtra":"Careers",
            "url":"\/en\/about-us\/careers-university-helsinki",
            "description":"",
            "shortcutsTitle":"Shortcuts",
            "closeButtonTitle":"Close",
            "shortcuts":[],
            "items":[
                {"menuLinkId":"a4bc6bd81e9a2e74161d18d4d14149b9","label":"Open positions","url":"\/en\/about-us\/careers\/open-positions-listasivu","description":""},
                {"menuLinkId":"03cb656b926fe380be692398d11f7437","label":"Academic careers","url":"\/en\/about-us\/careers\/academic-careers-university-helsinki","description":""},
                {"menuLinkId":"746067ca94d1963a27172e09efc7f332","label":"Expert and service careers","url":"\/en\/about-us\/careers\/expert-and-service-careers","description":""},
                {"menuLinkId":"4fcb32dd49da84398f25404d23e7608b","label":"Why Helsinki","url":"\/en\/about-us\/careers\/10-reasons-work-helsinki","description":""},
                {"menuLinkId":"1c4005640ffe15213f02e168aa40adda","label":"Why Finland","url":"\/en\/about-us\/careers\/why-fin-land-great-place-live-and-work","description":""},
                {"menuLinkId":"260f45dfb72d8849fc36ff0b42a6b29f","label":"Welcome to the University of Helsinki","url":"\/en\/about-us\/careers\/welcome","description":""}
            ]},
            {"menuLinkId":"f3c91fca09455013c086123615d3e477",
            "isActive":"false",
            "label":"Research",
            "labelExtra":"Research",
            "url":"\/en\/research",
            "description":"",
            "shortcutsTitle":"Shortcuts",
            "closeButtonTitle":"Close",
            "shortcuts":[],
            "items":[
                {"menuLinkId":"690941ff8f87cc0cb17eb54cf585c26b","label":"Top research","url":"\/en\/research\/top-research","description":""},
                {"menuLinkId":"5934c565506d449d0fb12fcbbc5303a1","label":"Research units","url":"\/en\/research\/research-units","description":""},
                {"menuLinkId":"2b14342d2717c58828232f879c359d60","label":"Doctoral education","url":"\/en\/research\/doctoral-education","description":""},
                {"menuLinkId":"70e3e33f4515e15214429a4661d063a9","label":"Research integrity","url":"\/en\/research\/research-integrity","description":""},
                {"menuLinkId":"8c743c488e27e2eb5f81247341064d55","label":"Services for researchers","url":"\/en\/research\/services-researchers","description":""}
            ]},
            {"menuLinkId":"b1e3dca876dba1a2325a9136ea02092d",
            "isActive":"false",
            "label":"Cooperation",
            "labelExtra":"Cooperation",
            "url":"\/en\/cooperation",
            "description":"",
            "shortcutsTitle":"Shortcuts",
            "closeButtonTitle":"Close",
            "shortcuts":[],
            "items":[
                {"menuLinkId":"484d490cef5888f1fddc8bde2f33c4cb","label":"Contact us","url":"\/en\/cooperation\/contact-us","description":""},
                {"menuLinkId":"e5d59080e39f0939ac44fb274b6776a0","label":"Book a venue","url":"\/en\/cooperation\/book-venue","description":""},
                {"menuLinkId":"5602c391a84d896361962d04b2cfeb1e","label":"Support us","url":"\/en\/cooperation\/support-us","description":""},
                {"menuLinkId":"69344da2418e9ee56981f0c1e2b8806e","label":"For alumni","url":"\/en\/cooperation\/alumni","description":""},
                {"menuLinkId":"9406ab2eea6cabfb13a5303ffdfb6c7a","label":"International cooperation","url":"\/en\/cooperation\/international-cooperation","description":""}
            ]},
            {"menuLinkId":"b2aaa3236f26e7161ba56fbee5043452",
            "isActive":"false",
            "label":"Responsibility",
            "labelExtra":"Responsibility",
            "url":"\/en\/about-us\/responsibility",
            "description":"",
            "shortcutsTitle":"Shortcuts",
            "closeButtonTitle":"Close",
            "shortcuts":[],
            "items":[
                {"menuLinkId":"f4e12c19fd7a21f8b69b10dbe23e218a","label":"Tasa-arvo, yhdenvertaisuus ja esteett\u00f6myys","url":"\/en\/about-us\/responsibility\/enkuksi-tasa-arvo-yhdenvertaisuus-ja-esteettomyys","description":""},
                {"menuLinkId":"edb7a9839aff2e4edd25c4d7922ff608","label":"Test EN","url":"\/en\/responsibility\/test-en","description":""}
            ]},
            {"menuLinkId":"a4e28b83b9a8708b86458c720e8dfc1b",
            "isActive":"false",
            "label":"Faculties and units",
            "labelExtra":"Faculties and units",
            "url":"\/en\/faculties-and-units",
            "description":"",
            "shortcutsTitle":"Shortcuts",
            "closeButtonTitle":"Close",
            "shortcuts":[],
            "items":[
                {"menuLinkId":"997d878301778fb6315e8f325641cc91","label":"Menu Page 1","url":"\/en\/faculties-and-units\/menu-page-1","description":""}
            ]}
            ]'
>
</hy-desktop-menu-links>

# Properties

Property Attribute Description Type Default
dataDesktopLinks data-desktop-links DesktopLinks[] \| string undefined
isDropdown is-dropdown boolean false
isGroup is-group boolean false

# Dependencies

# Used by

# Depends on

# Graph

graph TD;
  hy-desktop-menu-links --> hy-icon
  hy-site-header --> hy-desktop-menu-links
  style hy-desktop-menu-links fill:#f9f,stroke:#333,stroke-width:4px

Helsinki University Design System