Components

Spinner

Indicates work in progress with no known duration.

Usage

Basic

Loading
HTML
<bs:bsui-spinner size="default" label="Loading" />

Sizes

Every size the block accepts, from smallest to largest.

Loading Loading Loading
HTML
<bs:bsui-stack direction="row" gap="4" align="center" justify="center">
  <bs:bsui-spinner size="sm" />
  <bs:bsui-spinner size="default" />
  <bs:bsui-spinner size="lg" />
</bs:bsui-stack>

Beside text

The small size lines up with a line of prose.

Loading Checking your licence key
HTML
<bs:bsui-stack direction="row" gap="2" align="center" justify="center">
  <bs:bsui-spinner size="sm" />
  <bs:bsui-text content="Checking your licence key" variant="muted" tag="span" />
</bs:bsui-stack>

Attributes

AttributeTypeDefault
size sm default lg default
label text Loading