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