lazy
Type:
Default: true
<boolean> | <object>
Default: true
When true, card content will be loaded lazily under the user's scroll behavior, using
IntersectionObserver
.import Microlink from '@microlink/react'
export default () => <Microlink url='https://microlink.io' lazy />
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.import Microlink from '@microlink/react'
export default () => (
<Microlink url='https://microlink.io' lazy={{ threshold: 0.5 }} />
)
The card content will be fetched when 50% of the card reaches the viewport.
lazy
Type:
Default: true
<boolean> | <object>
Default: true
When true, card content will be loaded lazily under the user's scroll behavior, using
IntersectionObserver
.import Microlink from '@microlink/react'
export default () => <Microlink url='https://microlink.io' lazy />
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.import Microlink from '@microlink/react'
export default () => (
<Microlink url='https://microlink.io' lazy={{ threshold: 0.5 }} />
)
The card content will be fetched when 50% of the card reaches the viewport.