Docs

Back to component list

MediaGallery

Display (m)any different content types within a Gallery with full screen and multi touch support.

Current can display:

  • Images (<Image />)
  • Youtube Videos (<YoutubeVideo />)
  • Instagram Posts (<InstagramPost />)
NameDefault
children
noderequired

MediaGallery

Display (m)any different content types within a Gallery

Supported components:

  • InstagramPost
  • YoutubeVideo
  • ContentfulImage

Instagram

<MediaGallery>
<InstagramPost id="B16Tc2fBOMJ" />
<InstagramPost id="B0-s4uzBW6v" />
<InstagramPost id="BzimNxLByQk" />
</MediaGallery>

Mixed

@todo youtube videos and contentful images are not yet passed into the MDX context. Thats why only one thumbnail is visible here (yet).

<MediaGallery>
<InstagramPost id="randomInstagramPost" />
<YoutubeVideo id="randomYoutubeVideo" />
<Image id="randomImageId" />
</MediaGallery>


Back to component list