diff --git a/package-lock.json b/package-lock.json
index 27188ba..d7ee982 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -1,6 +1,6 @@
 {
   "name": "react-ros",
-  "version": "0.0.1",
+  "version": "0.0.2",
   "lockfileVersion": 1,
   "requires": true,
   "dependencies": {
@@ -19273,9 +19273,9 @@
       "integrity": "sha512-HjSDRw6gZE5JMggctHBcjVak08+KEVhSIiDzFnT9S9aegmp85S/bReBVTb4QTFaRNptJ9kuYaNhnbNEOkbKb/A=="
     },
     "uws": {
-      "version": "10.148.2",
-      "resolved": "https://registry.npmjs.org/uws/-/uws-10.148.2.tgz",
-      "integrity": "sha1-8BZSoLS7lByxi7emJI14D9AVAkU="
+      "version": "10.148.1",
+      "resolved": "https://registry.npmjs.org/uws/-/uws-10.148.1.tgz",
+      "integrity": "sha1-/Rp5z2EYo4jgob7YoTlwMNLE/Sw="
     },
     "v8-compile-cache": {
       "version": "1.1.2",
diff --git a/package.json b/package.json
index 60390d9..8bc53f3 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "react-ros",
-  "version": "0.0.1",
+  "version": "0.0.2",
   "description": "A React Component Library to help connect your website to your robot",
   "author": "flynneva",
   "license": "MIT",
diff --git a/src/components/examples/ToggleConnect.js b/src/components/examples/ToggleConnect.js
index f41ac94..fdec82c 100644
--- a/src/components/examples/ToggleConnect.js
+++ b/src/components/examples/ToggleConnect.js
@@ -2,13 +2,14 @@ import React from 'react'
 import { useROS } from '../ROS'
 
 function ToggleConnect() {
-  const { isConnected, topics, toggleConnection } = useROS();
+  const { isConnected, topics, url, toggleConnection } = useROS();
 
   return (
     <div>
+      <p><strong>ROS url:</strong> {url}</p>
       <button onClick={ toggleConnection }>Toggle Connect</button>
-      <div>Status of ROS: { isConnected ? "connected" : "not connected" }</div>
-      <div>Topics detected:</div>
+      <p><strong>Status of ROS:</strong> { isConnected ? "connected" : "not connected" }</p>
+      <p><strong>Topics detected:</strong></p>
       { topics.map((topic, i) => <li key={i}>    {topic.path}</li> )}
     </div>
   );
diff --git a/src/components/examples/ToggleConnect.mdx b/src/components/examples/ToggleConnect.mdx
index 7b8b4b0..ade0972 100644
--- a/src/components/examples/ToggleConnect.mdx
+++ b/src/components/examples/ToggleConnect.mdx
@@ -4,6 +4,10 @@ route: /examples/toggle_connect/
 menu: Examples
 ---
 
+## ToggleConnect
+
+If you have ROS installed, go ahead and try out the demo below. Just start up a [rosbridge server](https://github.com/RobotWebTools/rosbridge_suite) using the default parameters and hit the button - you should see your topics listed along with the status of the connection changing too.
+
 import { Playground } from 'docz'
 
 import { ROS } from '../ROS'
@@ -15,3 +19,25 @@ import ToggleConnect from './ToggleConnect'
     <ToggleConnect />
   </ROS>
 </Playground>
+
+
+```javascript
+import React from 'react'
+import { useROS } from '../ROS'
+
+function ToggleConnect() {
+  const { isConnected, topics, url, toggleConnection } = useROS();
+
+  return (
+    <div>
+      <p><strong>ROS url:</strong> {url}</p>
+      <button onClick={ toggleConnection }>Toggle Connect</button>
+      <p><strong>Status of ROS:</strong> { isConnected ? "connected" : "not connected" }</p>
+      <p><strong>Topics detected:</strong></p>
+      { topics.map((topic, i) => <li key={i}>    {topic.path}</li> )}
+    </div>
+  );
+}
+
+export default ToggleConnect;
+```