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:

Custom HTML
    
<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" />
Copy

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

Anything missing? Leave us feedback