Spinner beta

Indicate the loading state of a component or page.

Type

Border

<templayte>
  <div>
    <VclSpinner type="border" variant="success" />
  </div>
</templayte>

Grow

<templayte>
  <div>
    <VclSpinner type="grow" variant="success" />
  </div>
</templayte>

Color

<templayte>
  <div>
    <VclSpinner type="border" variant="primary" />
    <VclSpinner type="border" variant="secondary" />
    <VclSpinner type="border" variant="success" />
    <VclSpinner type="border" variant="danger" />
    <VclSpinner type="border" variant="warning" />
    <VclSpinner type="border" variant="info" />
    <VclSpinner type="border" variant="light" />
    <VclSpinner type="border" variant="dark" />
  </div>
</templayte>

Size

<templayte>
  <div>
    <VclSpinner type="border" variant="success" small />
  </div>
</templayte>