Spinner Demo | <uif-spinner>

In order for this demo to work you must first build the library in debug mode.

To render spinner, use the following markup:
<uif-spinner></uif-spinner>

Example:

By default, small spinner is rendered. Above is shorthand of:
<uif-spinner uif-size="small"></uif-spinner>

Example:

To render large spinner, use the following markup:
<uif-spinner uif-size="large"></uif-spinner>

Example:

You can also add content to the spinner, which will become it's label :
<uif-spinner uif-size="large">Loading...</uif-spinner>

Example:
Loading...

You can control visibility of the spinner with ngShow directive
<uif-spinner uif-size="large" ng-show="spinnerVisible"></uif-spinner>

Example: