Spinner
in namespace DotVVM.Bootstrap5.Controls
Renders a Boostrap spinner.
Usage & Scenarios
Spinners can be used as loading animation.
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 | |
|---|---|---|---|---|---|
 |
ClientIDMode | ClientIDMode | Gets or sets the client ID generation algorithm. |
attribute
static value
|
Static |
|
Color | BootstrapTextColor | Gets or sets the color of the Spinner component. |
attribute
static value
|
Dark |
|
DataContext | Object | Gets or sets a data context for the control and its children. All value and command bindings are evaluated in context of this value. The DataContext is null in client-side templates. |
attribute
bindable
|
null |
|
ID | String | Gets or sets the control client ID within its naming container. |
attribute
static value
bindable
|
null |
|
IncludeInPage | Boolean | Gets or sets whether the control is included in the DOM of the page. |
attribute
bindable
|
True |
|
ScreenReaderOnlyText | String | Gets or sets text displayed to users of screen readers. |
attribute
static value
|
Loading... |
|
Size | SpinnerSize | Gets or sets the size of the Spinner component. Possible values are Default or Small. |
attribute
static value
|
Default |
|
Visible | Boolean | Gets or sets whether the control is visible. When set to false, `style="display: none"` will be added to this control. |
attribute
static value
bindable
|
True |
|
VisualStyle | SpinnerVisualStyle | Gets or sets the style of the Spinner component. Possible values are Grow or Spinner. |
attribute
static value
|
Spinner |