diff --git a/docs/src/jacdac/ConnectButton.tsx b/docs/src/jacdac/ConnectButton.tsx
index 1ae44bea4..ea1762a72 100644
--- a/docs/src/jacdac/ConnectButton.tsx
+++ b/docs/src/jacdac/ConnectButton.tsx
@@ -4,7 +4,7 @@ import JacdacContext from "./Context";
 
 function ConnectButton() {
     return <JacdacContext.Consumer>
-        {({ bus, connectAsync, disconnectAsync }) => <Button onClick={bus ? connectAsync : disconnectAsync}>{!!bus ? "disconnect" : "connect"}</Button>}
+        {({ bus, connectAsync, disconnectAsync }) => <Button onClick={!bus ? connectAsync : disconnectAsync}>{!!bus ? "disconnect jacdac" : "connect jacdac"}</Button>}
     </JacdacContext.Consumer>
 }
 
diff --git a/docs/src/pages/playground.mdx b/docs/src/pages/playground.mdx
index e0d996cd4..affc1b1d6 100644
--- a/docs/src/pages/playground.mdx
+++ b/docs/src/pages/playground.mdx
@@ -1,7 +1,11 @@
 import ConnectButton from "../jacdac/ConnectButton"
+import JacdacComponent from "../jacdac/Component"
 
 # Hello
 
 <ConnectButton />
 
-And more hello
\ No newline at end of file
+
+<JacdacComponent>   
+This text is only visible when jacdac is connected.
+</JacdacComponent>