Spinner

Border

{% component "Spinner" animation="border" / %}

Preview:

Grow

{% component "Spinner" animation="grow" / %}

Preview:

Border Primary

{% component "Spinner" animation="border" variant="primary" / %}

Preview:

Border Secondary

{% component "Spinner" animation="border" variant="secondary" / %}

Preview:

Border Success

{% component "Spinner" animation="border" variant="success" / %}

Preview:

Border Danger

{% component "Spinner" animation="border" variant="danger" / %}

Preview:

Border Warning

{% component "Spinner" animation="border" variant="warning" / %}

Preview:

Border Info

{% component "Spinner" animation="border" variant="info" / %}

Preview:

Border Light

{% component "Spinner" animation="border" variant="light" / %}

Preview:

Border Dark

{% component "Spinner" animation="border" variant="dark" / %}

Preview:

Grow Primary

{% component "Spinner" animation="grow" variant="primary" / %}

Preview:

Grow Secondary

{% component "Spinner" animation="grow" variant="secondary" / %}

Preview:

Grow Success

{% component "Spinner" animation="grow" variant="success" / %}

Preview:

Grow Danger

{% component "Spinner" animation="grow" variant="danger" / %}

Preview:

Grow Warning

{% component "Spinner" animation="grow" variant="warning" / %}

Preview:

Grow Info

{% component "Spinner" animation="grow" variant="info" / %}

Preview:

Grow Light

{% component "Spinner" animation="grow" variant="light" / %}

Preview:

Grow Dark

{% component "Spinner" animation="grow" variant="dark" / %}

Preview:

Border Small

{% component "Spinner" animation="border" size="sm" / %}

Preview:

Grow Small

{% component "Spinner" animation="grow" size="sm" / %}

Preview:

Custom Label

{% component "Spinner" animation="border" label="Please wait..." / %}

Preview:

Custom Attrs

{% component "Spinner" animation="border" attrs:class="custom-class" / %}

Preview:

With Margin

{% component "Spinner" animation="border" / %}

Preview:

Custom Size Style

{% component "Spinner" animation="border" / %}

Preview: