# site-header <!-- Auto Generated Below --> ## Properties | Property | Attribute | Description | Type | Default | | ---------------------- | ------------------------- | ----------- | ---------------------------------------------------------------------------- | ------------------ | | `dataDesktopLinks` | `data-desktop-links` | | `DesktopLinks[] \| string` | `undefined` | | `dataMenuDonate` | `data-menu-donate` | | `string` | `undefined` | | `dataMenuLanguage` | `data-menu-language` | | `string` | `undefined` | | `dataSiteHeaderLabels` | `data-site-header-labels` | | `string` | `undefined` | | `logoLabel` | `logo-label` | | `string` | `undefined` | | `logoUrl` | `logo-url` | | `string` | `undefined` | | `menuLabelClose` | `menu-label-close` | | `string` | `undefined` | | `menuLabelOpen` | `menu-label-open` | | `string` | `undefined` | | `menuType` | `menu-type` | | `MenuType.desktop \| MenuType.mobile \| MenuType.sidenav \| MenuType.tablet` | `MenuType.default` | ## Dependencies ### Depends on - [hy-site-logo](site-logo) - [hy-desktop-menu-links](hy-desktop-menu-links) - [hy-menu-language](../navigation/menu-language) - [hy-site-search](site-search) - [hy-icon](../icon) ### Graph ```mermaid graph TD; hy-site-header --> hy-site-logo hy-site-header --> hy-desktop-menu-links hy-site-header --> hy-menu-language hy-site-header --> hy-site-search hy-site-header --> hy-icon hy-site-logo --> hy-icon hy-desktop-menu-links --> hy-icon hy-menu-language --> hy-menu-language-item hy-menu-language --> hy-icon hy-site-search --> hy-icon style hy-site-header fill:#f9f,stroke:#333,stroke-width:4px ``` --- Helsinki University Design System