Version: 2.0 |

Spinner

in namespace DotVVM.Framework.Controls.Bootstrap4

Properties

Name Type Description Notes Default Value
ScreenReaderOnlyText String Gets or sets text displayed to users of screen readers.
attribute
inner element
static value
bindable
default
Loading...
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
Type BootstrapTextColor Gets or sets the color of Spinner component.
attribute
inner element
static value
bindable
default
Dark
VisualStyle SpinnerVisualStyle Gets or sets the style of Spinner component.
attribute
inner element
static value
bindable
default
Spinner

Events

Name Type Description

Usage & Scenarios

Spinners can be used as loading animation.

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

HTML Rendered by the Control

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 Spinner 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 generates text visible to screen riders to let users who cannot see the loading animation know what`s going on.
The default text is "Loading..." .

The text can be changed using ScreenReaderOnlyText property.

<bs:Spinner ScreenReaderOnlyText="Processing" />

Suggestions


Help & Contribute

The documentation is maintained on GitHub.
We'll be happy if you edit the page and create a pull request.

Send message