Spinner
in namespace DotVVM.Framework.Controls.Bootstrap4
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 | |
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 | |
InnerText | String | Gets or sets the inner text of the HTML element. Note that this property can only be used on HtmlGenericControl directly and when the control does not have any children. |
attribute
static value
bindable
|
null | |
ScreenReaderOnlyText | String | Gets or sets text displayed to users of screen readers. |
attribute
static value
bindable
|
Loading... | |
Size | SpinnerSize | Gets or sets the size of Spinner component. Inside other components (buttons,...) the other size is small. |
attribute
static value
bindable
|
Default | |
Type | BootstrapTextColor | Gets or sets the color of Spinner component. |
attribute
static value
bindable
|
Dark | |
Visible | Boolean | Gets or sets whether the control is visible. When set to false, `style="display: none"` will be added to this control. |
attribute
bindable
|
True | |
VisualStyle | SpinnerVisualStyle | Gets or sets the style of Spinner component. |
attribute
static value
bindable
|
Spinner |