Runtime boundary

Lazy

Reserve layout space and defer expensive client work without pretending that a wrapper can delay arbitrary Nuxt hydration.

Playground

Configure the component and copy synchronized Vue code.

Properties

Mode

Once

Slots

Vue

<m-lazy mode="on-interaction" once>
  Heavy content
  <template #placeholder>
    <m-button variant="tonal">Activate</m-button>
  </template>
</m-lazy>

Token map

The manual manifest combines inherited token owners with local deltas.

Search tokens

MLazy · All4 tokens

md-lazy

MLazy API

Props, slots, and events are generated from the current public kit contract.

MLazy

Utility family

src/runtime/components/ui/lazy

Props

NameTypeDefault

mode

'eager' | 'on-idle' | 'on-view' | 'on-interaction''on-view'

once

booleantrue

timeout

number2000

rootMargin

string'200px 0px'

threshold

number | number[]0

interactions

MLazyInteraction[]() => ['pointerenter', 'focus', 'click']

minWidth

number | stringundefined

minHeight

number | stringundefined

transition

boolean | string'ui-lazy'

disabled

booleanfalse

Slots

Events

@activateMLazyActivation

@visiblevoid

@pendingvoid

@resolvevoid

@errorunknown