BAGS — Design System

Breadcrumb 

<div class="container">
    <nav aria-label="breadcrumb">
        <ol class="breadcrumb">

            <li class="breadcrumb-item">
                <a href="/">Home</a>
            </li>

            <li class="breadcrumb-item">
                <a href="#">Some other link</a>
            </li>

            <li class="breadcrumb-item active" aria-current="page">Active page</li>
        </ol>
    </nav>
</div>
 
<div class="container">
	<nav aria-label="breadcrumb">
		<ol class="breadcrumb">
			{% for link in links %}
				<li class="breadcrumb-item">
					{% render '@link',
					link %}
				</li>
			{% endfor %}
			<li class="breadcrumb-item active" aria-current="page">{{ active }}</li>
		</ol>
	</nav>
</div>
 
{
  "links": [
    {
      "link": "/",
      "text": "Home"
    },
    {
      "link": "#",
      "text": "Some other link"
    }
  ],
  "active": "Active page"
}

No notes defined.