Components#

Loading indicator#

<loading> is the shared spinner used by other components during async work. It is not a top-level page because it has no user-facing surface of its own – you mount it inside another component and drive it from there.

Usage pattern:

loading(ref="loading")

Then from the parent’s script:

this.$refs.loading.start()   // when work begins
this.$refs.loading.stop()    // when work ends

Component accepts following params:

  • inContainer – Boolean flag; when true, the spinner is absolute-centered inside its parent (uses .in-container from _loading.sass). Default false.

  • noText – Boolean flag; when true, hides the “loading…” text and shows only the spinner icon. Default false.