lazy
Type:
Default: true
<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.