Frappe UIFrappe UI

LoadingText ​

A LoadingIndicator with a label next to it, for inline loading states like "Loading..." or "Saving...".

Default ​

Loading...
Saving...
vue
<script setup lang="ts">
import { LoadingText } from 'frappe-ui'
</script>

<template>
  <div class="flex flex-col items-start gap-3">
    <LoadingText />
    <LoadingText text="Saving..." />
  </div>
</template>

API Reference ​

Show types
typescript
export interface LoadingTextProps {
  /** Text shown next to the spinner. */
  text?: string
}
text
= "Loading..."
string

Text shown next to the spinner.

LoadingIndicatorMobileNav