MDX Deck snippets

examples.mdx

import {
  Image
} from 'mdx-deck'

---
<Image
  src='https://source.unsplash.com/random/768x2048?cats'
  style={{
    display: 'flex',
    alignItems: 'center',
    justifyContent: 'center',
    color: 'black',
    backgroundColor: 'black',
  }}>
  
  </Image>
  
  
  import i from './image.jpg';

<img src={i} />

// Video ⬇️

import v from './video.mp4';

<video controls>
  <source src={v} />
</video>

// Audio ⬇️

import a from './audio.mp3';

<audio controls>
  <source src={a} />
</audio>

// Object ⬇️

import o from './object.pdf';

<object data={o} />