LoadingSpinner

Animated loading indicator.

Live Demo

Usage

<template>
  <orio-loading-spinner v-if="isLoading" />
</template>

<script setup>
const isLoading = ref(true);
</script>

In Buttons

The loading spinner is automatically used in buttons:

<orio-button :loading="isLoading">
  Save
</orio-button>

Props

None - uses default icon size and color.

Notes

• Inherits color from parent element
• Uses the loading-loop icon internally
• Animated rotation via CSS