Frappe UIFrappe UI

LoadingIndicator ​

A Spinner wrapper that scales by percentage instead of a fixed size step. Prefer Spinner directly unless you need an arbitrary in-between size.

Scale ​

vue
<script setup lang="ts">
import { LoadingIndicator } from 'frappe-ui'
</script>

<template>
  <div class="flex items-center gap-6">
    <LoadingIndicator :scale="50" />
    <LoadingIndicator :scale="100" />
    <LoadingIndicator :scale="200" />
  </div>
</template>

API Reference ​

Show types
typescript
export interface LoadingIndicatorProps {
  /** Scales the underlying Spinner, as a percentage. */
  scale?: number
}
scale
= 100
number

Scales the underlying Spinner, as a percentage.

KeyboardShortcutLoadingText