Breadcrumbs

In progress

Breadcrumbs allow site visitor see her location on the website - and go directly to some of the parent pages in the side structure.

Examples

<hy-breadcrumbs variant='large' 
  data-items='[{"text":"Home","url":"/en"},{"text":"Admissions and education","url":""}]'>
</hy-breadcrumbs>

<hy-breadcrumbs
  data-items='
  [{"text":"Home","url":"/en"},
  {"text":"Admissions and education","url":"/en/admissions-and-education"},
  {"text":"International studies in English","url":"/en/admissions-and-education/international-studies-english"},
  {"text":"key figure test","url":"/en/admissions-and-education/international-studies-english/key-figure-test"},
  {"text":"International studies in English 2","url":"/en/admissions-and-education/international-studies-english"},
  {"text":"Very important page","url":""}]
  '>
</hy-breadcrumbs>

Properties

Property	Attribute	Description	Type	Default
dataItems	data-items	breadcrumbs links	Breadcrumb[] \| string	undefined
headerstyle	headerstyle		string	'with-sidebar'
variant	variant	set 'large' for landing pages	BreadcrumbVariants.default \| BreadcrumbVariants.landingLarge	BreadcrumbVariants.default as any

Dependencies

Depends on

• hy-icon