GraphQL

To embed a GraphiQL playground in a page, get the embed code from embed.graphql.com and paste it into a Custom HTML block. For example:

<iframe title="GraphiQL" width="100%" height="500" src="https://embed.graphql.com/embed?endpointURL=%22https%3A%2F%2Fcountries.trevorblades.com%2F%22&query=%22query%20%7B%5Cn%20%20countries%20%7B%5Cn%20%20%20%20capital%5Cn%20%20%20%20currency%5Cn%20%20%7D%5Cn%7D%5Cn%22&variables=%22%22&response=%22Hit%20run!%5Cn%22&history=false&prettify=true&docs=true" />

Would render:

You may even set this up in a Custom Landing Page for full width experience. See GraphQL Test for an example.

  Last updated by Zaid Daba'een on Oct 16, 2024
Powered by DeveloperHub

Need help? Visit our community forums or contact us.

Edit on GitHub
On This Page
GraphQL