Breadcrumbs
Show visitors where they are in the site hierarchy with a clear trail of links back to parent pages and the homepage.
Choose Alternate Versions
Component Notes for Latest Version
Overview
The Illinois components implementation of breadcrumbs provides a list of formatted links that provide the path between the site’s home page and the page the reader is currently viewing.
The site’s home page should be the first link in the list of breadcrumbs and should link to the site root. Pages used to navigate between the home page and the current page should also be listed and linked.
The current page item should not be linked, since following a link to the current page would just reload the page.
Code Example
<ilw-breadcrumbs>
<a href="/">Home</a>
<a href="/academics">Academics</a>
<a href="/academics/undergraduate">Undergraduate programs</a>
<span>Degree programs</span>
</ilw-breadcrumbs>
Upgrade Process
- Rename
il-breadcrumbstoilw-breadcrumbs - Remove
il-breadcrumbs-pagetag and replace it with an anchoratag - For the current page, remove
il-breadcrumbs-pagetag and replace it withspantag