lazy

Type:
<boolean> | <object>

Default: true
When true, card content will be loaded lazily under the user's scroll behavior, using
IntersectionObserver
.
  • React
  • Vue
  • Jekyll
  • Vanilla
<template>
  <Microlink 
		url="https://microlink.io" 
		:lazy="true" />
</template>
Using `lazy` allows to load content on-demand, avoiding unnecessary API calls
Additionally, you can pass your own
IntersectionObserver options
 to customize when the card content should be fetched.
  • React
  • Vue
  • Jekyll
  • Vanilla
<template>
  <Microlink 
		url="https://microlink.io" 
		:lazy="{ threshold: 0.5 }" />
</template>
The card content will be fetched when 50% of the card reaches the viewport.