Spinner

in namespace DotVVM.Framework.Controls.Bootstrap4

Usage & Scenarios

Spinners can be used as loading animation.

https://getbootstrap.com/docs/4.3/components/spinners/

Sample 1: Basic Spinners

The Spinner control has the Type property which you can use to set the color of the component.

The size of the control can be configured via Size property.

<bs:Spinner />
<bs:Spinner Type="Success" />
<bs:Spinner Size="Small"/>

Sample 2: Visual style

The design of the spinner can be modified by VisualStyle property.

<bs:Spinner />
<bs:Spinner VisualStyle="Grow" />

Sample 3: Screen reader only text

The Spinner component can generate an alternate text for screen readers.
The default text is "Loading...".

The text can be changed using ScreenReaderOnlyText property.

<bs:Spinner ScreenReaderOnlyText="Processing" />

Properties

Name Type Description Notes Default Value
property icon ScreenReaderOnlyText String Gets or sets text displayed to users of screen readers.
attribute
inner element
static value
bindable
default
Loading...
property icon Size SpinnerSize Gets or sets the size of Spinner component. Inside other components (buttons,...) the other size is small.
attribute
inner element
static value
bindable
default
Default
property icon Type BootstrapTextColor Gets or sets the color of Spinner component.
attribute
inner element
static value
bindable
default
Dark
property icon VisualStyle SpinnerVisualStyle Gets or sets the style of Spinner component.
attribute
inner element
static value
bindable
default
Spinner

HTML produced by the control