LoadingSpinner

A LoadingSpinner is an animated spinner used to indicate loading.

<template>
  <ci-loading-spinner />
</template>

Size

Use the size prop to change the size. By default, it will be md but it can also be sm or xs.

<template>
  <div>
    <ci-loading-spinner />
    <br>
    <ci-loading-spinner size="sm" />
    <br>
    <ci-loading-spinner size="xs" />
  </div>
</template>

Color

The spinner uses currentColor for its coloring, so you can adjust it by changing the color of its container.

<template>
  <div class="spinner-container">
    <ci-loading-spinner />
  </div>
</template>

<style>
.spinner-container {
  color: #3eaf7c;
}
</style>