Skip to content

Commit

Permalink
Update README.md
Browse files Browse the repository at this point in the history
  • Loading branch information
timsuchanek committed Feb 1, 2018
1 parent 1b77296 commit f8d75a5
Showing 1 changed file with 5 additions and 5 deletions.
10 changes: 5 additions & 5 deletions README.md
Original file line number Diff line number Diff line change
Expand Up @@ -66,14 +66,14 @@ All interfaces, the React component `<Playground />` and all middlewares expose

#### Install
```sh
yarn add graphql-playground
yarn add graphql-playground-react
```

#### Use
GraphQL Playground provides a React component responsible for rendering the UI and Session management.
There are **3 dependencies** needed in order to run the `graphql-playground` React component.
There are **3 dependencies** needed in order to run the `graphql-playground-react` React component.
1. _Open Sans_ and _Source Code Pro_ fonts
2. Including `graphql-playground/playground.css`
2. Including `graphql-playground-react/playground.css`
3. Rendering the `<Playground />` component

The GraphQL Playground requires **React 16**.
Expand All @@ -87,8 +87,8 @@ Including stylesheet and the component (`2., 3.`)
```js
import React from 'react'
import ReactDOM from 'react-dom'
import Playground from 'graphql-playground'
import 'graphql-playground/playground.css'
import Playground from 'graphql-playground-react'
import 'graphql-playground-react/playground.css'

ReactDOM.render(<Playground endpoint="https://api.graph.cool/simple/v1/swapi" />, document.body)
```
Expand Down

0 comments on commit f8d75a5

Please sign in to comment.