Link

In progress

Link has two varians. Regular link and with-in-paragraph link.

Examples

<hy-link 
  url="https://www.helsinki.com"
  link-content="Regular link"
  aria-label="Regular link"
  is-external="false"
>
</hy-link>

<hy-link
  variant="within-paragraph"
  link-content="Link within paragraph"
  sc-label="Link within paragraph"
  url="https://www.google.com"
  is-external="true"
>
</hy-link>

Properties

Property	Attribute	Description	Type	Default
scLabel	sc-label	link aria-label	string	undefined
isExternal	is-external	If the link is external	boolean	false
linkContent	link-content	link title	string	''
url	url	link url	string	undefined
variant	variant	variant	LinkVariants.default \| LinkVariants.paragraph	LinkVariants.default

---

Helsinki University Design System