From 33ca8d16e457050b113945d3fafec3a08b1e4719 Mon Sep 17 00:00:00 2001
From: "Charles Chojnowski (Earlybyte GmbH)" <charles.chojnowski@earlybyte.ch>
Date: Wed, 4 Jan 2023 17:13:36 +0100
Subject: [PATCH] create example of setting component undefined

---
 react/src/App.tsx | 9 +++++++++
 1 file changed, 9 insertions(+)

diff --git a/react/src/App.tsx b/react/src/App.tsx
index b5b5775..67ccd3d 100644
--- a/react/src/App.tsx
+++ b/react/src/App.tsx
@@ -11,6 +11,8 @@ import {
   BalCardTitle,
   BalCardSubtitle,
   BalCardContent,
+  BalText,
+  BalButton,
 } from "@baloise/design-system-components-react";
 import {
   onBalConfigChange,
@@ -43,6 +45,7 @@ function App() {
       }
     });
   });
+  const [foo, setFoo] = React.useState<string | undefined>("foo");
 
   return (
     <BalApp class="has-sticky-footer has-background">
@@ -64,6 +67,12 @@ function App() {
         </BalStage>
       </header>
       <main className="container is-compact">
+        <BalCard class="mt-6">
+          <BalText>{foo}</BalText>
+          <BalButton onClick={() => setFoo(undefined)}>Set Undefined</BalButton>
+          <BalButton onClick={() => setFoo("Bar")}>Set Bar</BalButton>
+          <BalText>{undefined}</BalText>
+        </BalCard>
         <BalCard class="mt-6">
           <BalCardTitle>Property example</BalCardTitle>
           <BalCardSubtitle>