<template>
  <div
    class="demo-spinner-style">
    <ui-spinner
      :visible="loading"
      loading-size="20px"
      loading-color="red"
      text="Loading..."
      text-style="color: purple;font-weight: bolder;"></ui-spinner>
  </div>
</template>

<script>
import { Spinner } from "amumu-ui"

export default {
  components: {
    "ui-spinner": Spinner,
  },
  data() {
    return {
      loading: true,
    }
  },
}
</script>

<style>
.demo-spinner-style{
  height: 200px;
  position: relative;
}
</style>
