adding tabbed interface

app.py

@@ -21,20 +21,23 @@ def render_markdown(md_text):
 
 # Creating the Gradio Interface
 with gr.Blocks(theme="Nymbo/Nymbo_Theme") as demo:
-    gr.Markdown("# Markdown Suite")
+    
+    with gr.Tab("Live Preview"):
+        
+        gr.Markdown("# Markdown Suite")
+        
+        with gr.Row():
+            with gr.Column():
+                md_input = gr.Textbox(
+                    lines=20, 
+                    placeholder="Write your markdown here...", 
+                    label="Markdown Input",
+                    elem_classes=["gr-textbox"]
+                )
+            with gr.Column():
+                md_output = gr.HTML(label="Rendered Output", elem_classes=["gr-html"])
 
-    with gr.Row():
-        with gr.Column():
-            md_input = gr.Textbox(
-                lines=20, 
-                placeholder="Write your markdown here...", 
-                label="Markdown Input",
-                elem_classes=["gr-textbox"]
-            )
-        with gr.Column():
-            md_output = gr.HTML(label="Rendered Output", elem_classes=["gr-html"])
-
-    md_input.change(render_markdown, inputs=md_input, outputs=md_output)
+        md_input.change(render_markdown, inputs=md_input, outputs=md_output)
 
 # Launch the app
 demo.launch()