github.com/manicqin/nomad@v0.9.5/ui/app/templates/components/freestyle/sg-breadcrumbs.hbs (about) 1 {{#freestyle-usage 'breadcrumbs-standard' title='Standard Breadcrumbs'}} 2 <div class="navbar is-secondary"> 3 <div class="navbar-item"></div> 4 <nav class="breadcrumb is-large"> 5 <li> 6 <a href="#">Topic</a> 7 </li> 8 <li> 9 <a href="#">Sub-topic</a> 10 </li> 11 <li class="is-active"> 12 <a href="#">Active Topic</a> 13 </li> 14 </nav> 15 </div> 16 {{/freestyle-usage}} 17 {{#freestyle-annotation}} 18 Breadcrumbs are only ever used in the secondary nav of the primary header. 19 {{/freestyle-annotation}} 20 21 {{#freestyle-usage 'breadcrumbs-single' title='Single Breadcrumb'}} 22 <div class="navbar is-secondary"> 23 <div class="navbar-item"></div> 24 <nav class="breadcrumb is-large"> 25 <li> 26 <a href="#">Topic</a> 27 </li> 28 </nav> 29 </div> 30 {{/freestyle-usage}} 31 {{#freestyle-annotation}} 32 Breadcrumbs are given a lot of emphasis and often double as a page title. Since they are also global state, they are important for helping a user keep their bearings. 33 {{/freestyle-annotation}}