@graphiql/plugin-explorer

js Styles
This package provides a plugin that integrates the [`GraphiQL Explorer`](https://github.com/OneGraph/graphiql-explorer) into the GraphiQL UI.
Version 4.0.6 License MIT
Keywords
reactgraphqlgraphiqlpluginexplorer
INSTALL
Type:
Version:
- Static
- Latest Patch
- Latest Minor
- Latest Major
- 4.0.6
- 4.0.5
- 4.0.4
- 4.0.3
- 4.0.2
- 4.0.1
- 4.0.0
- 3.2.6
- 3.2.5
- 3.2.4
- 3.2.3
- 3.2.2
- 3.2.1
- 3.2.0
- 3.1.2
- 3.1.1
- 3.1.0
- 3.0.3
- 3.0.2
- 3.0.1
- 3.0.0
- 2.0.0
- 1.0.4
- 1.0.3
- 1.0.2
- 1.0.1
- 1.0.0
- 0.3.5
- 0.3.4
- 0.3.3
- 0.3.2
- 0.3.1
- 0.3.0
- 0.2.0
- 0.1.22
- 0.1.21
- 0.1.20
- 0.1.19
- 0.1.18
- 0.1.17
- 0.1.16
- 0.1.15
- 0.1.14
- 0.1.12
- 0.1.11
- 0.1.10
- 0.1.9
- 0.1.8
- 0.1.7
- 0.1.6
- 0.1.5
- 0.1.4
- 0.1.3
- 0.1.2
- 0.1.1
- 0.1.0
- 6.0.0-canary-d779fd3f.0
- 6.0.0-canary-ba2266c7.0
- 6.0.0-canary-b26dcda1.0
- 6.0.0-canary-a6e2b0a6.0
- 6.0.0-canary-8ff35bd4.0
- 6.0.0-canary-75298f4c.0
- 6.0.0-canary-69686638.0
- 6.0.0-canary-674f7ff2.0
- 6.0.0-canary-615faf4e.0
- 6.0.0-canary-3287f5a4.0
- 6.0.0-canary-28befa50.0
- 6.0.0-canary-0b1f771d.0
- 5.0.0-rc.3
- 5.0.0-rc.2
- 5.0.0-rc.1
- 5.0.0-canary-a87228e7.0
- 4.0.7-rc.0
- 4.0.7-canary-582d886e.0
- 4.0.6-canary-f1400c3a.0
- 4.0.6-canary-b05ed7ff.0
- 4.0.6-canary-a173bad7.0
- 4.0.6-canary-9bb08e5e.0
- 4.0.6-canary-801926f3.0
- 4.0.6-canary-7c239a40.0
- 4.0.6-canary-1ba7d921.0
- 4.0.5-canary-a3cac2e9.0
- 4.0.5-canary-9a140609.0
- 4.0.5-canary-85b2460b.0
- 4.0.5-canary-7ff4d2d9.0
- 4.0.5-canary-611e2d38.0
- 4.0.5-canary-56bcac6c.0
- 4.0.5-canary-4a051a1a.0
- 4.0.5-canary-32aa7388.0
- 4.0.5-canary-25ac0f5f.0
- 4.0.5-canary-10468482.0
- 4.0.4-canary-eb99c0af.0
- 4.0.4-canary-e0857af4.0
- 4.0.4-canary-db8bf69b.0
- 4.0.4-canary-9a1c125e.0
- 4.0.4-canary-6c935b9e.0
- 4.0.4-canary-5d447953.0
- 4.0.4-canary-24ce3ea2.0
- 4.0.4-canary-1be1da67.0
- 4.0.4-canary-059ebca8.0
- 4.0.4-canary-05701c27.0
- 4.0.3-canary-ee3ef668.0
- 4.0.2-canary-eae58810.0
- 4.0.2-canary-d8ae167e.0
- 4.0.2-canary-aa7ad225.0
- 4.0.2-canary-65327511.0
- 4.0.2-canary-5e8cca67.0
- 4.0.1-canary-e412fa15.0
- 4.0.1-canary-8ff61ae1.0
- 4.0.0-canary-fcd3265c.0
- 4.0.0-canary-e127d7fb.0
- 4.0.0-canary-ddd327f8.0
- 4.0.0-canary-dc370972.0
- 4.0.0-canary-d3d5182e.0
- 4.0.0-canary-cb8ed2c5.0
- 4.0.0-canary-be556eb0.0
- 4.0.0-canary-bab1879f.0
- 4.0.0-canary-a4b61681.0
- 4.0.0-canary-9c138ad3.0
- 4.0.0-canary-9887ea30.0
- 4.0.0-canary-920fb1b0.0
- 4.0.0-canary-8ecdb189.0
- 4.0.0-canary-8646b155.0
- 4.0.0-canary-7b4ea8c4.0
- 4.0.0-canary-7795b807.0
- 4.0.0-canary-756775b9.0
- 4.0.0-canary-6c0d25cd.0
- 4.0.0-canary-64a639ab.0
- 4.0.0-canary-5c2289c7.0
- 4.0.0-canary-5b09c3aa.0
- 4.0.0-canary-5631a35f.0
- 4.0.0-canary-54de804d.0
- 4.0.0-canary-514e049b.0
- 4.0.0-canary-4f14bfba.0
- 4.0.0-canary-4f03ac86.0
- 4.0.0-canary-49f80902.0
- 4.0.0-canary-2abbc1b3.0
- 4.0.0-canary-26d373db.0
- 4.0.0-canary-1fdb7e38.0
- 4.0.0-canary-1a28400e.0
- 4.0.0-canary-1521f55e.0
- 4.0.0-canary-11721b8e.0
- 4.0.0-canary-0febe689.0
- 4.0.0-alpha.2
- 4.0.0-alpha.1
- 4.0.0-alpha.0
- 3.3.0-canary-e8982f7d.0
- 3.3.0-canary-7e5f57fd.0
- 3.3.0-canary-2d620a51.0
- 3.3.0-canary-0e382f82.0
- 3.2.6-canary-5add3301.0
- 3.2.6-canary-51a7fff9.0
- 3.2.5-canary-47ea44d2.0
- 3.2.4-canary-cd29286b.0
- 3.2.4-canary-c5e2d5dd.0
- 3.2.4-canary-c3c3b243.0
- 3.2.4-canary-c0342c2d.0
- 3.2.4-canary-9632bdb2.0
- 3.2.4-canary-95182bb1.0
- 3.2.4-canary-684cf0c6.0
- 3.2.4-canary-662541cb.0
- 3.2.4-canary-4d745f3e.0
- 3.2.4-canary-431d8a9b.0
- 3.2.4-canary-3b3e5e21.0
- 3.2.4-canary-2eca8599.0
- 3.2.4-canary-1cba8977.0
- 3.2.4-canary-0c3c4a96.0
- 3.2.3-canary-fea44159.0
- 3.2.3-canary-8704d28b.0
- 3.2.3-canary-62b238a6.0
- 3.2.3-canary-60c8954d.0
- 3.2.3-canary-52a5839f.0
- 3.2.3-canary-3bb4b14b.0
- 3.2.3-canary-35904daa.0
- 3.1.2-canary-b4d49865.0
- 3.1.2-canary-a20895fd.0
- 3.1.2-canary-869419d9.0
- 3.1.2-canary-3823b175.0
- 3.1.2-canary-286552b9.0
- 3.1.1-canary-97f19964.0
- 3.1.1-canary-92c2fc51.0
- 3.1.1-canary-8432eb69.0
- 3.1.1-canary-73079cfa.0
- 3.1.1-canary-4570f466.0
- 3.1.1-canary-083d8bad.0
- 3.1.0-canary-1fa82fbf.0
- 3.0.4-canary-e61f0530.0
- 3.0.4-canary-68a97ade.0
- 3.0.4-canary-2de690f6.0
- 3.0.3-canary-cb0340ec.0
- 3.0.2-canary-1e0022eb.0
- 3.0.2-canary-0dd016c7.0
- 3.0.1-canary-dccd76b3.0
- 3.0.0-canary-b6be9bdf.0
- 1.0.3-canary-e103fa61.0
- 1.0.3-canary-8690736e.0
- 1.0.3-canary-64994e0e.0
- 1.0.3-canary-3fed4e54.0
- 1.0.3-canary-36f0bac1.0
- 1.0.2-canary-bc65d4e0.0
- 1.0.2-canary-b60c2d1e.0
- 1.0.2-canary-a7575449.0
- 1.0.2-canary-9eb4f260.0
- 1.0.2-canary-87150409.0
- 1.0.2-canary-7703226d.0
- 1.0.2-canary-5c561479.0
- 1.0.2-canary-43095ec4.0
- 1.0.1-canary-c46e1c04.0
- 1.0.1-canary-91decdc2.0
- 1.0.0-canary-f648417e.0
- 1.0.0-canary-f5830f58.0
- 1.0.0-canary-f0f5afb3.0
- 1.0.0-canary-e0e2c15a.0
- 1.0.0-canary-dfb20ee6.0
- 1.0.0-canary-de420cd7.0
- 1.0.0-canary-d9ca0f8a.0
- 1.0.0-canary-d86e51b8.0
- 1.0.0-canary-d52fbc57.0
- 1.0.0-canary-d4eae891.0
- 1.0.0-canary-d38d8126.0
- 1.0.0-canary-cd4cdaba.0
- 1.0.0-canary-c3b2f6c7.0
- 1.0.0-canary-b5674a4f.0
- 1.0.0-canary-a9e38be1.0
- 1.0.0-canary-a81f3062.0
- 1.0.0-canary-a6d20235.0
- 1.0.0-canary-a08e9aea.0
- 1.0.0-canary-9eb9e2fb.0
- 1.0.0-canary-8cc1801a.0
- 1.0.0-canary-7210edd6.0
- 1.0.0-canary-6de7e53f.0
- 1.0.0-canary-6bb88229.0
- 1.0.0-canary-6ba9ba38.0
- 1.0.0-canary-6610f112.0
- 1.0.0-canary-5d4865df.0
- 1.0.0-canary-3e72a1f9.0
- 1.0.0-canary-38c2c299.0
- 1.0.0-canary-351ba549.0
- 1.0.0-canary-344df134.0
- 1.0.0-canary-30653157.0
- 1.0.0-canary-2b03fdd0.0
- 1.0.0-canary-298f53ab.0
- 1.0.0-canary-074d480d.0
- 0.3.5-canary-4e725193.0
- 0.3.4-canary-f6e35dd1.0
- 0.3.3-canary-dfbc468e.0
- 0.3.3-canary-bf9d0d59.0
- 0.3.3-canary-95633641.0
- 0.3.3-canary-72409214.0
- 0.3.3-canary-5ed6139f.0
- 0.3.3-canary-42956798.0
- 0.3.2-canary-69160e19.0
- 0.3.2-canary-251c1491.0
- 0.3.1-canary-dcf852e2.0
- 0.3.1-canary-3a094bd7.0
- 0.3.1-canary-125d095d.0
- 0.3.0-canary-f5cbe85e.0
- 0.3.0-canary-f3cc0782.0
- 0.3.0-canary-c4fdd053.0
- 0.3.0-canary-c1c93014.0
- 0.3.0-canary-b7778f1b.0
- 0.3.0-canary-91fe5420.0
- 0.3.0-canary-85bb478f.0
- 0.3.0-canary-28ba84fb.0
- 0.3.0-canary-046bf695.0
- 0.3.0-canary-0396c798.0
- 0.1.21-canary-43f30a8a.0
- 0.1.21-alpha.1
- 0.1.21-alpha.0
- 0.1.19-canary-cfba4c7f.0
- 0.1.19-canary-a51f5a26.0
- 0.1.19-canary-4ccf23d5.0
- 0.1.16-canary-284ead3b.0
- 0.1.15-canary-4e579147.0
- 0.1.12-canary-ec75d034.0
- 0.1.12-canary-d5f5494a.0
- 0.1.12-canary-ceb5e6c8.0
- 0.1.12-canary-bd07ad00.0
- 0.1.12-canary-b87b3720.0
- 0.1.12-canary-8fa57371.0
- 0.1.12-canary-8a5077d5.0
- 0.1.12-canary-6d98f25a.0
- 0.1.12-canary-1abdf837.0
- 0.1.12-canary-0cac82f5.0
- 0.1.11-canary-6c6a5fd5.0
- 0.1.11-canary-42acace4.0
- 0.1.6-canary-a6e5b21f.0
- 0.1.6-canary-7e7cd1ae.0
- 0.1.6-canary-53c20673.0
- 0.1.6-canary-414cd536.0
- 0.1.6-canary-062f5832.0
- 0.1.3-canary-bfda54af.0
- 0.1.3-canary-381b9d64.0
- 0.1.3-canary-24a96ede.0
- 0.1.3-canary-11442546.0
- 0.1.2-canary-ec0b9bc2.0
- 0.1.2-canary-b42baca4.0
- 0.1.2-canary-035bc6fe.0
- 0.1.1-canary-f9bc12d3.0
- 0.1.1-canary-ea44f6b0.0
- 0.1.1-canary-d5a222ad.0
- 0.1.1-canary-69dd80b9.0
- 0.1.1-canary-63337491.0
- 0.1.1-canary-5ef8fb01.0
- 0.1.1-canary-086f4439.0
- 0.1.1-canary-0417a5db.0
- 0.1.0-canary-d09d8716.0
<script src=" https://cdn.jsdelivr.net/npm/@graphiql/plugin-explorer@4.0.6/dist/index.umd.min.js "></script>
<link href=" https://cdn.jsdelivr.net/npm/@graphiql/plugin-explorer@4.0.6/dist/style.min.css " rel="stylesheet">
No default files set by the package author so the URLs are guessed. You can always browse all package files to use other ones.
GraphiQL Explorer Plugin
This package provides a plugin that integrates the
GraphiQL Explorer
into the GraphiQL UI.
Installation
Use your preferred package manager to install the plugin:
npm install @graphiql/plugin-explorer
Make sure to also install the required peer dependencies:
npm install react react-dom graphql
Usage
import { GraphiQL } from 'graphiql';
import { createGraphiQLFetcher } from '@graphiql/toolkit';
import { explorerPlugin } from '@graphiql/plugin-explorer';
import 'graphiql/style.css';
import '@graphiql/plugin-explorer/style.css';
const fetcher = createGraphiQLFetcher({
url: 'https://swapi-graphql.netlify.app/.netlify/functions/index',
});
// Pass the explorer props here if you want
const explorer = explorerPlugin();
function GraphiQLWithExplorer() {
return <GraphiQL fetcher={fetcher} plugins={[explorer]} />;
}
CDN bundles
You can also use this plugin via an ESM-based CDN like esm.sh.
See the CDN example for a working demo.