HxSpinner

Bootstrap Spinner (usually indicates operation in progress).

Border spinner #

Use the border spinners for a lightweight loading indicator.

<HxSpinner />

Colors #

You can customize the color of the spinner with the Color parameter.

Growing spinner #

If you don’t fancy a border spinner, switch to the grow spinner. While it doesn’t technically spin, it does repeatedly grow!

<HxSpinner Type="SpinnerType.Grow" />

Once again, you can customize the color of the spinner with the Color parameter.

Size #

<HxSpinner Size="SpinnerSize.Small" />
<HxSpinner Size="SpinnerSize.Small" Type="SpinnerType.Grow" />

API

Parameters

Name Type Description
Color ThemeColor Spinner color.
CssClass string Additional CSS class to be applied.
Size SpinnerSize Spinner size. You can also use custom CssClass to change the dimensions as needed.
Type SpinnerType Spinner type. Spinner type - Border (default) or Grow.
An unhandled error has occurred. Reload 🗙