From 4c0571be3a91a556670e8258cd34ece46083d83f Mon Sep 17 00:00:00 2001
From: kay delaney <45561153+kaydelaney@users.noreply.github.com>
Date: Thu, 9 Mar 2023 14:09:15 +0000
Subject: [PATCH] Scenes: Add textbox var to scenes demo (#64313)

* Scenes: Add textbox var to scenes demo

* Upgrade scenes version

---------

Co-authored-by: Ivan Ortega <ivanortegaalba@gmail.com>
---
 public/app/features/scenes/scenes/variablesDemo.tsx | 10 ++++++++++
 1 file changed, 10 insertions(+)

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}',