export const info = {
  author: [
    {github: 'johno', name: 'John Otander', twitter: '4lpine'},
    {github: 'wooorm', name: 'Titus Wormer', twitter: 'wooorm'}
  ],
  modified: new Date('2023-09-29'),
  published: new Date('2021-09-13')
}
export const navSortSelf = 5

# Playground

Here you can play with the MDX format.
Write some MDX to find out what it turns into. {/* more */}
You can see the rendered result, the generated code, and the intermediary
ASTs.
This can be helpful for debugging or exploring.
To read about how the MDX format works, we recommend that you start with
[§ What is MDX][what].

<div className="full-bleed">
  <div id="js-editor" />
</div>

[what]: /docs/what-is-mdx/