Link list

In progress

Link lists are used in 2-column paragraphs in the secondary column.

Examples

<hy-link-list
  list-heading="link list heading number one"
  data-items='[
  {"heading":"Some link title","ariaLabel":"Opetusta", "url":"https://yle.fi","isExternal":"true"},
  {"heading":"Example link label one","ariaLabel":"Opetusta", "url":"https://yle.fi","isExternal":"false"},
  {"heading":"Second very long link list label example that extends to another line","ariaLabel":"Opetusta", "url":"https://yle.fi","isExternal":"true"},
  {"heading":"Example link label three","ariaLabel":"Opetusta", "url":"https://yle.fi","isExternal":"false"}]'
>
</hy-link-list>

Properties

Property	Attribute	Description	Type	Default
dataItems	data-items	A set of links	CtaLinkValue[] \| string	undefined
listHeading	list-heading	List title (optional)	string	''

Dependencies

Depends on

• hy-cta-link

---

Helsinki University Design System