Breadcrumb

NOTE: The breadcrumb does not include the current page.

<!-- START breadcrumb component -->
<nav aria-label="Breadcrumb" class="breadcrumb">
  <ol>
    <li><a href="../../../index.html" class="breadcrumb__home">Home</a></li>
    <li><a href="../../../index.html">A section</a></li>
    <li><a href="../../../index.html">A subsection</a></li>
  </ol>
</nav>
<!-- END breadcrumb component -->

Test replacing the breadcrumb and re-running init().
It's most useful to test this at small at screen sizes.

API methods

UCASDesignFramework.breadcrumb.init() // Initialise breadcrumb.

UCASDesignFramework.breadcrumb.destroy() // Destroy breadcrumb.

Global bus messages

Can be seen in UCASDesignFramework.subscriptions.df

UCASDesignFramework.bus.publish('df.breadcrumb.init')
UCASDesignFramework.bus.publish('df.breadcrumb.destroy')