Spinner

Overview

A Spinner is an outline of a circle which animates around itself indicating to the user that things are processing. A Spinner is shown when it's unsure how long a task will take making it the indeterminate version of a ProgressIndicator. They can be various sizes, located inline with content or centered. They generally appear after an action is being processed or committed. They are subtle and generally do not take up much space, but are transitions from the completed task.

Usage

Normal Spinner
<Spinner Size=@SpinnerSize.Large></Spinner>
<Spinner Size=@SpinnerSize.Medium></Spinner>
<Spinner Size=@SpinnerSize.Small></Spinner>
<Spinner Size=@SpinnerSize.XSmall></Spinner>
            
            
Spinner with label
SpinnerLabel
SpinnerLabel
SpinnerLabel
SpinnerLabel
<Spinner Size=@SpinnerSize.Medium Label="SpinnerLabel" LabelPosition=@SpinnerLabelPosition.Top></Spinner>
<Spinner Size=@SpinnerSize.Medium Label="SpinnerLabel" LabelPosition=@SpinnerLabelPosition.Left></Spinner>
<Spinner Size=@SpinnerSize.Medium Label="SpinnerLabel" LabelPosition=@SpinnerLabelPosition.Bottom></Spinner>
<Spinner Size=@SpinnerSize.Medium Label="SpinnerLabel" LabelPosition=@SpinnerLabelPosition.Right></Spinner>