Embedding GraphiQL via markdown

Is there a documentation how we can integrate GraphiQL in our existing markdown-based documentation?

We`d like to have something like this:

# { "graphiql": true }
{
  hero {
    name
  }
}

Is there a tutorial or something like that on how they did that?

[saihaj]

@FrankR85 on graphql.org MiniGraphiql component is used with the marked which is probably not as powerful as graphiql but good enough for the docs site

[PrakharUniyal]

You mean like this?

# { "graphiql": true }
{
  hero {
    name
  }
}

Use ```graphql in the beginning of your code block.