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')