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; whentrue, the spinner is absolute-centered inside its parent (uses.in-containerfrom_loading.sass). Defaultfalse.noText– Boolean flag; whentrue, hides the “loading…” text and shows only the spinner icon. Defaultfalse.