Odyssey styleguide

Breadcrumbs

Toggle example guides Toggle HTML markup

Breadcrumbs provide links back to each previous page the user navigated through, and shows the user's current location.

<insert-markup>components.breadcrumbs-</insert-markup>
Markup
<div class="odyssey-navigation__breadcrumbs small">
	<a href="" class="odyssey-navigation__breadcrumbs__icon"></a>
	<div class="odyssey-navigation__breadcrumbs__pages">
		<div>
			<a href="">
				Page 1
			</a>
		</div>
		<div>
			<a href="">
				Page 2
			</a>
		</div>
		<div>
			<a href="">
				Page 3
			</a>
		</div>
		<div>
			Page 4
		</div>
	</div>
</div>
Source: src/components/breadcrumbs.less, line 1