"Layouts" Category

Navigation

A navigation layout uses a set of selectable buttons to act as a tab / page toggle.

Demo

Code

<nav class="nav">
	<button class="button button--selectable nav__item" selected>Homepage</button>
	<button class="button button--selectable nav__item">Page 1</button>
	<button class="button button--selectable nav__item">Page 2</button>
	<button class="button button--selectable nav__item">Page 3</button>
	<button class="button button--selectable nav__item">Page 4</button>
</nav>