diff --git a/README.md b/README.md index 8a4183b..25d48bf 100644 --- a/README.md +++ b/README.md @@ -1,4 +1,4 @@ -# GraphiQL Workspace +# GraphiQL Workspace [![npm version](https://badge.fury.io/js/graphiql-workspace.svg)](https://badge.fury.io/js/graphiql-workspace) @@ -27,7 +27,7 @@ const config = new AppConfig("graphiql", bootstrapOptions); ReactDOM.render(, document.getElementById('graphiql-workspace')); ``` -You still will need to add bootstrap CSS in you final application. For instance, you can use `bootstrap-loader` in webpack config. For an example application, that uses **graphiql-workspace**, check out [graphql-toolbox](http://toolbox.sangria-graphql.org/graphiql) +You still will need to add bootstrap CSS in you final application. For instance, you can use `bootstrap-loader` in webpack config. For an example application, that uses **graphiql-workspace**, check out [graphql-toolbox](http://toolbox.sangria-graphql.org/graphiql) Here is how it look like in your browser: @@ -37,7 +37,7 @@ Here is how it look like in your browser: After you cloned the project, do the `npm install` and then use `./scripts/build.sh` or `./scripts/quickBuild.sh` to build the project. -In order to see it in action, you can use an example html page `./example/index.html`. +In order to see it in action, you can use an example html page `./example/index.html`. ## Standalone Usage @@ -53,11 +53,11 @@ Here is an example HTML: GraphiQL Workspace Example - + - + diff --git a/example/index.html b/example/index.html index a4a1d7d..7a99003 100644 --- a/example/index.html +++ b/example/index.html @@ -13,8 +13,8 @@ - - + + @@ -29,4 +29,4 @@ document.getElementById('workspace')); - \ No newline at end of file +