Loading Spinner

Use bo-loading-spinner for a compact rotating pending indicator.

Usage

<bo-loading-spinner />

Text and sizes

Loading...

<bo-loading-spinner loader-text="Loading..." text-position="after" />

<div class="flex items-center gap-3">
  <bo-loading-spinner size="sm" />
  <bo-loading-spinner size="default" />
  <bo-loading-spinner size="lg" />
</div>

API

Prop	Type	Default	Description
id / dataTestId	string	autogenerated	Root attributes.
size	xs | sm | default | lg | xl	default	Spinner size.
variant	primary | secondary | success | warning | destructive | white | current	primary	Color variant.
loaderText	string	-	Text shown with the indicator.
textPosition	top | bottom | before | after	after	Text position.
customColor	string	-	CSS color override.
role / ariaLive / ariaLabel / ariaBusy	native accessibility types	status / polite / Loading / -	Live-region semantics.