<div style="padding: var(--size-4);">
    <h1 class="mexican-pink">
        GraphQL Playground <span class="token string" style="font-size: var(--font-size-2)">tabs</span>
    </h1>
    <hr>
    <h3 class="celestial-blue">Multiple Tabs Configuration</h3>
    <div style="padding: var(--size-4);">
        <pre id="example-2" class="graphql-playground celestial-blue">
[
  {
    "endpoint": "http://localhost:31415/graphql",
    "name": "Component Types",
    "query": "query{ types { components { namespace name }}}"
  },
  {
    "endpoint": "http://localhost:31415/graphql",
    "name": "Entity Types",
    "query": "query{ types { entities { namespace name }}}"
  }
]
    </pre>
    </div>
</div>