Loading Pulse

Use bo-loading-pulse for a lightweight pending indicator.

Usage

<bo-loading-pulse />

<bo-loading-pulse loader-text="Loading..." />

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

Prop	Type	Default	Description
`id` / `dataTestId`	`string`	autogenerated	Root attributes.
`size`	`xs \| sm \| default \| lg \| xl`	`default`	Dot 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.