stepzen-graphiql 1.0.4 → 1.0.6-beta
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +0 -13
- package/dist/style.css +1 -1
- package/package.json +3 -19
package/README.md
CHANGED
|
@@ -29,8 +29,6 @@ You can use the GraphiQLExplorer component directly to customize behavior and la
|
|
|
29
29
|
|
|
30
30
|
Providing a custom GraphQL endpoint via config
|
|
31
31
|
|
|
32
|
-
Injecting custom header/footer components
|
|
33
|
-
|
|
34
32
|
Showing/hiding the explorer's URL tab
|
|
35
33
|
|
|
36
34
|
```tsx
|
|
@@ -38,10 +36,6 @@ import { GraphiQLExplorer, GraphiQLConfig } from "stepzen-graphiql";
|
|
|
38
36
|
import "stepzen-graphiql/style.css";
|
|
39
37
|
|
|
40
38
|
function App() {
|
|
41
|
-
const MyCustomHeader = () => <div>My Custom header</div>;
|
|
42
|
-
|
|
43
|
-
const MyCustomFooter = () => <div>My Custom footer</div>;
|
|
44
|
-
|
|
45
39
|
const config: GraphiQLConfig = {
|
|
46
40
|
endpoint: "https://your-graphql-endpoint.com/graphql",
|
|
47
41
|
showExplorerHeader: true, // Enables the explorer's URL input tab with toggle
|
|
@@ -61,13 +55,6 @@ function App() {
|
|
|
61
55
|
onEditQuery={fetchCostData}
|
|
62
56
|
onFetchResult={queryCompleted}
|
|
63
57
|
>
|
|
64
|
-
{/* Optional: You can add a custom header or footer if needed */}
|
|
65
|
-
<GraphiQLExplorer.Header>
|
|
66
|
-
<MyCustomHeader />
|
|
67
|
-
</GraphiQLExplorer.Header>
|
|
68
|
-
<GraphiQLExplorer.Footer>
|
|
69
|
-
<MyCustomFooter />
|
|
70
|
-
</GraphiQLExplorer.Footer>
|
|
71
58
|
</GraphiQLExplorer>
|
|
72
59
|
);
|
|
73
60
|
}
|