File tree Expand file tree Collapse file tree 1 file changed +5
-5
lines changed Expand file tree Collapse file tree 1 file changed +5
-5
lines changed Original file line number Diff line number Diff line change @@ -66,14 +66,14 @@ All interfaces, the React component `<Playground />` and all middlewares expose
66
66
67
67
#### Install
68
68
``` sh
69
- yarn add graphql-playground
69
+ yarn add graphql-playground-react
70
70
```
71
71
72
72
#### Use
73
73
GraphQL Playground provides a React component responsible for rendering the UI and Session management.
74
- There are ** 3 dependencies** needed in order to run the ` graphql-playground ` React component.
74
+ There are ** 3 dependencies** needed in order to run the ` graphql-playground-react ` React component.
75
75
1 . _ Open Sans_ and _ Source Code Pro_ fonts
76
- 2 . Including ` graphql-playground/playground.css `
76
+ 2 . Including ` graphql-playground-react /playground.css `
77
77
3 . Rendering the ` <Playground /> ` component
78
78
79
79
The GraphQL Playground requires ** React 16** .
@@ -87,8 +87,8 @@ Including stylesheet and the component (`2., 3.`)
87
87
``` js
88
88
import React from ' react'
89
89
import ReactDOM from ' react-dom'
90
- import Playground from ' graphql-playground'
91
- import ' graphql-playground/playground.css'
90
+ import Playground from ' graphql-playground-react '
91
+ import ' graphql-playground-react /playground.css'
92
92
93
93
ReactDOM .render (< Playground endpoint= " https://api.graph.cool/simple/v1/swapi" / > , document .body )
94
94
```
You can’t perform that action at this time.
0 commit comments