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 🗙