diff --git a/public/app/features/scenes/scenes/variablesDemo.tsx b/public/app/features/scenes/scenes/variablesDemo.tsx
index 713c48ad154..03cb1a009fe 100644
--- a/public/app/features/scenes/scenes/variablesDemo.tsx
+++ b/public/app/features/scenes/scenes/variablesDemo.tsx
@@ -10,6 +10,7 @@ import {
   DataSourceVariable,
   TestVariable,
   NestedScene,
+  TextBoxVariable,
 } from '@grafana/scenes';
 
 import { DashboardScene } from '../dashboard/DashboardScene';
@@ -55,6 +56,10 @@ export function getVariablesDemo(): DashboardScene {
           name: 'ds',
           query: 'testdata',
         }),
+        new TextBoxVariable({
+          name: 'textbox',
+          value: 'default value',
+        }),
       ],
     }),
     body: new SceneFlexLayout({
@@ -72,6 +77,11 @@ export function getVariablesDemo(): DashboardScene {
                     alias: 'handler: $handler',
                   }),
                 }),
+                new SceneCanvasText({
+                  text: 'Text: ${textbox}',
+                  fontSize: 20,
+                  align: 'center',
+                }),
                 new SceneCanvasText({
                   placement: { width: '40%' },
                   text: 'server: ${server} pod:${pod}',