@kadira/storybook-addon-graphql

1.0.1 • Public • Published

GraphiQL Addon

The GraphiQL addon can be used to display the GraphiQL IDE with example queries. This addon works with React Storybook.

Getting Started

First, install the addon

npm install -D @kadira/storybook-addon-graphql

Import the setupGraphiQL function and use it to create the graphiql helper with a base url.

import { storiesOf } from '@kadira/storybook'
import { setupGraphiQL } from '@kadira/storybook-addon-graphql'

// setup the graphiql helper which can be used with the add method later
const graphiql = setupGraphiQL({ url: 'http://localhost:3000/graphql' });

storiesOf('GraphQL Demo', module)
  .add('get user info', graphiql(`{
    user(id: "1") {
      name
    }
  }`));

Readme

Keywords

Package Sidebar

Install

npm i @kadira/storybook-addon-graphql

Weekly Downloads

6

Version

1.0.1

License

MIT

Last publish

Collaborators

  • madushan1000
  • kadira_user
  • thinkholic
  • pahans
  • roonyh
  • mnmtanish
  • arunoda