Site Logo

In progress

Site logo component is used to provide a logo for the site. Logo consists of flame, text and link.

Example

    <hy-site-logo color="black" size="64" url="https://www.helsinki.fi" label="Helsingin yliopisto" />

    <div style="background-color: black; padding: 20px;">
      <hy-site-logo color="white" size="32" url="https://www.helsinki.fi" label="University of Helsinki" />
    </div>

Properties

Property	Attribute	Description	Type	Default
color	color	black or white	ColorVariant.black \| ColorVariant.white	ColorVariant.black
label	label	Label for the site logo.	string	undefined
size	size	32 or 64	SiteLogoSize.big \| SiteLogoSize.small	SiteLogoSize.big
url	url	URL which will be redirected when logo is clicked.	string	undefined

Dependencies

Used by

• hy-menu
• hy-site-header

Depends on

• hy-icon

---

Helsinki University Design System