docs
Recipes
Community
Changelog

lazy

Type:

<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:

<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.