Vuance UI Kit

Feedback

Loading

Indeterminate progress indicator for work without a measurable completion value.

Loading

Playground

Configure the baseline public contract and copy synchronized Vue markup.

Interactive preview

Changes are reflected in the example and source.

Properties

Type

Size

Inline

Vue

<m-loading
  type="circular"
  size="medium"
  :inline="false"
 />

MLoading API

Props, slots, and events are extracted from the current public UI Kit contract.

MLoading

Feedback family
src/runtime/components/ui/loading

Props

NameTypeDefault
type
'circular' | 'expressive''circular'
size
'small' | 'medium' | 'large''medium'
inline
booleanfalse
ariaLabel
string'Loading'
transitionMotion of the `expressive` indicator's shape morph. The cycle interval is derived from it — the transition's own duration plus its rest — so the shapes never sit still waiting for a hardcoded timer.
MorphTransitionInput'expressive'

Slots

Events

MLoading does not emit component-specific events. Native events fall through to its root element.