Looking for SASS-based vui-loading-spinner? It's over here.
A Valence UI, Polymer-based web component button element.
For further information on this and other VUI components, see the docs at ui.valence.d2l.com.
vui-loading-spinner can be installed from Bower:
bower install vui-loading-spinnerInclude the webcomponents.js "lite" polyfill (for browsers who don't natively support web components), then import loading-spinner.html:
<head>
<script src="https://s.brightspace.com/lib/webcomponentsjs/0.7.21/webcomponents-lite.min.js"></script>
<link rel="import" href="../vui-loading-spinner/loading-spinner.html">
</head>The component can now be used as shown below:
<vui-loading-spinner></vui-loading-spinner>The size can be changed using the font-size property.
In production, it's recommended to use a build tool like Vulcanize to combine all your web components into a single import file. More from the Polymer Docs: Optimize for Production...
See the VUI Best Practices & Style Guide for information on VUI naming conventions, plus information about the EditorConfig rules used in this repo.