mdx-embed

Embed 3rd party media content in MDX - no import required

Usage no npm install needed!

<script type="module">
  import mdxEmbed from 'https://cdn.skypack.dev/mdx-embed';
</script>

README

MDX Embed

MDX Embed allows you to easily embed popular 3rd party media content such as YouTube videos, Tweets, Instagram posts and many more straight into your .mdx - no import required!

https://mdx-embed.com/

Install

npm install mdx-embed --save

Setup

Wrap your application with the MDXEmbedProvider and allow your MDX to render all of the provided components.

import React from 'react';
import { MDXEmbedProvider } from 'mdx-embed';

export default (props) => <MDXEmbedProvider>{props.children}</MDXEmbedProvider>;

For more information about how to install the package please see the docs