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 | |
---|---|---|---|---|---|
Attributes | Dictionary<String,Object> |
attribute
static value
|
null | ||
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. |
attribute
bindable
|
null | |
ID | String | Gets or sets the unique control ID. |
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. |
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. |
attribute
bindable
|
True | |
VisualStyle | SpinnerVisualStyle | Gets or sets the style of Spinner component. |
attribute
static value
bindable
|
Spinner |