Site Search

In progress

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

Example

    <hy-site-search show-label labels='{"label": "Search"}' size=14 color="black" label="Search" />

Properties

Property	Attribute	Description	Type	Default
color	color	White or black	ColorVariant.black \| ColorVariant.white	ColorVariant.black
isAlternative	is-alternative	Indicates whether the search button should be positioned absolute.	boolean	false
labels	labels	Labels for the component	ComponentLabels[] \| string	undefined
showLabel	show-label	Should the label be shown.	boolean	false
searchLabels	search-labels	Labels on Search Panel	string	undefined
searchTools	search-tools	JSON of Special Search Tools links with descriptions	string	undefined
size	size	Size of the search icon.	number	undefined

Dependencies

Used by

• hy-site-header
• hy-menu

Depends on

• hy-icon

---

Helsinki University Design System