Skip to content

HTML

Jump to bottom
fall simply edited this page Apr 3, 2020 · 3 revisions 
<nav class="MatNav">
	<div class="MatNav-Container">
		<a class="MatNav-Item-Container" href="#home">
			<i class="material-icons MatNav-Icon">home</i>
			<p class="MatNav-Label">Home</p>
		</a>
		<a class="MatNav-Item-Container" href="#search">
			<i class="material-icons MatNav-Icon">search</i>
			<p class="MatNav-Label">Search</p>
		</a>
		<a class="MatNav-Item-Container" href="#discover">
			<i class="material-icons MatNav-Icon">explore</i>
			<p class="MatNav-Label">Discover</p>
		</a>
		<a class="MatNav-Item-Container" href="#more">
			<i class="material-icons MatNav-Icon">more_vert</i>
			<p class=" MatNav-Label">More</p>
		</a>
	</div>
</nav>

This example includes Material Icons - add the stylesheet for the example <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">

Clone this wiki locally