Spinner

Default Spinner

<div class="spinner spin-linear">
	<div class="spinner-inner"></div>
	<div class="spinner-hole"></div>
</div>

Styles

Primary

<div class="spinner spinner-primary spin-linear">
	<div class="spinner-inner"></div>
	<div class="spinner-hole"></div>
</div>

Accent

Information

Success

Warning

Error

Spinner style examples

Animations

Linear

<div class="spinner spin-linear">
	<div class="spinner-inner"></div>
	<div class="spinner-hole"></div>
</div>

Eased

Spinner animation examples