LoadingIndicator component displays a simple CSS-based loading spinner.
To set a custom color, use the CSS
To increase spacing around the spinner, use the CSS
height property on the
spinner's container. Setting the
display attribute to
block will set
a height of
100px by default.
To apply a custom size to the loading indicator, set the
--thickness CSS custom properties on the loading indicator container.
If you really want to change how this looks as part of your custom theme,
you can override the
border then set either a
background image, or use
content: "\<glyph>" (e.g.
font-family: 'Font Awesome 5 Free' to set an FA icon if you'd rather.
containerClassName Class name(s) to apply to the indicator's parent
className Class name(s) to apply to the indicator itself
display Determines how the spinner should be displayed (
block (default) or
size Size of the loading indicator (
containerAttrs Optional attrs to be applied to the container DOM element
All other attrs will be assigned as attributes on the DOM element.
The attributes passed into the component.
The root DOM element for the component.
Class component state that is persisted between redraws.
Updating this will not automatically trigger a redraw, unlike other frameworks.
This is different to Vnode state, which is always an instance of your class component.
undefined by default.
Returns a jQuery object for this component's element. If you pass in a selector string, this method will return a jQuery object, using the current element as its buffer.
For example, calling
component.$('li') will return a jQuery object
containing all of the
li elements inside the DOM element of this
Optional selector: string
a jQuery-compatible selector string
the jQuery object for the DOM node
Initialize the component's attrs.
This can be used to assign default values for missing, optional attrs.
Generated using TypeDoc v0.24.8