site-header
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 |
|
dataSearchTools |
data-search-tools |
DesktopLinks[] | string |
undefined |
|
dataSiteHeaderLabels |
data-site-header-labels |
string |
undefined |
|
dataSiteSearchLabels |
data-site-search-labels |
string |
undefined |
|
logoLabel |
logo-label |
string |
undefined |
|
logoUrl |
logo-url |
string |
undefined |
|
menuLabel |
menu-label |
string |
'Menu' |
|
menuLabelClose |
menu-label-close |
string |
undefined |
|
menuLabelOpen |
menu-label-open |
string |
undefined |
|
menuType |
menu-type |
MenuType.desktop | MenuType.mobile | MenuType.sidenav | MenuType.sidepanel | MenuType.tablet |
MenuType.default |
Events
| Event | Description | Type |
|---|---|---|
headerScrollDown |
CustomEvent<any> |
|
headerScrollUp |
CustomEvent<any> |
|
menuMobileToggled |
CustomEvent<any> |
Dependencies
Depends on
Graph
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
hy-site-search --> hy-search-field
hy-site-search --> hy-paragraph-text
hy-search-field --> hy-icon
hy-paragraph-text --> hy-box
style hy-site-header fill:#f9f,stroke:#333,stroke-width:4pxHelsinki University Design System