microlink logo

media

Type:
<string> | <string[]>

Default: [ 'image', 'logo' ]
Values:
'audio' | 'iframe' | 'image' | 'logo' | 'screenshot' | 'video'
Determines the field to use as the media of the card.
  • React
  • Vue
  • Jekyll
  • Vanilla
import Microlink from '@microlink/react'

<Microlink
  url='https://www.youtube.com/watch?v=9P6rdqiybaw'
  media={['image', 'logo']}
/>
The default value is a collection of fields, meaning that the first valid value will be used as the image of the card.
You can also pass a single value to be used instead, for example 'logo'
  • React
  • Vue
  • Jekyll
  • Vanilla
import Microlink from '@microlink/react'

<Microlink url='https://www.youtube.com/watch?v=9P6rdqiybaw' media='logo' />
The detection of 'video' is also supported
  • React
  • Vue
  • Jekyll
  • Vanilla
import Microlink from '@microlink/react'

<Microlink url='https://www.youtube.com/watch?v=9P6rdqiybaw' media='video' />
Also for 'audio'
  • React
  • Vue
  • Jekyll
  • Vanilla
import Microlink from '@microlink/react'

<Microlink
  url='https://open.spotify.com/track/1W2919zs8SBCLTrOB1ftQT'
  media='audio'
/>
Even 'iframe'
  • React
  • Vue
  • Jekyll
  • Vanilla
import Microlink from '@microlink/react'

<Microlink url='https://www.youtube.com/watch?v=9P6rdqiybaw' media='iframe' />