Upload with huggingface_hub

README.md

@@ -1,12 +1,11 @@
+
 ---
-title: Examples Component Main
-emoji: ⚡
+title: examples_component_main 
+emoji: 🔥
 colorFrom: indigo
-colorTo: blue
+colorTo: indigo
 sdk: gradio
 sdk_version: 3.16.2
-app_file: app.py
+app_file: run.py
 pinned: false
 ---
-
-Check out the configuration reference at https://huggingface.co/docs/hub/spaces-config-reference

requirements.txt

@@ -0,0 +1,2 @@
+
+https://gradio-main-build.s3.amazonaws.com/9a259cb8d0d002b445c4a36e0b60821d8b1ca052/gradio-3.16.2-py3-none-any.whl

run.ipynb

@@ -0,0 +1 @@
+{"cells": [{"cell_type": "markdown", "id": 302934307671667531413257853548643485645, "metadata": {}, "source": ["# Gradio Demo: examples_component"]}, {"cell_type": "code", "execution_count": null, "id": 272996653310673477252411125948039410165, "metadata": {}, "outputs": [], "source": ["!pip install -q gradio "]}, {"cell_type": "code", "execution_count": null, "id": 288918539441861185822528903084949547379, "metadata": {}, "outputs": [], "source": ["import gradio as gr\n", "\n", "\n", "def combine(a, b):\n", "    return a + \" \" + b\n", "\n", "css = \"footer {display: none !important;} .gradio-container {min-height: 0px !important;} #col_1 {min-width: 0 !important; max-width: 25%; height: 100%;} #col_2 {min-width: 0 !important; max-width: 25%; height: 100%;} #col_3 {min-width: 0 !important; max-width: 25%; height: 100%;} #col_4 {min-width: 0 !important; max-width: 25%; height: 100%;}\"\n", "\n", "with gr.Blocks(css=css) as demo:\n", "    with gr.Row():\n", "        with gr.Column(elem_id=\"col_1\"):\n", "            txt = gr.Textbox(label=\"Input 1\", elem_id=\"input_1_text\")\n", "        with gr.Column(elem_id=\"col_2\"):\n", "            txt_2 = gr.Textbox(label=\"Input 2\", elem_id=\"input_2_text\")\n", "        with gr.Column(elem_id=\"col_3\"):\n", "            btn = gr.Button(value=\"Combine Inputs\", elem_id=\"combine_button\")\n", "        with gr.Column(elem_id=\"col_4\"):\n", "            txt_3 = gr.Textbox(value=\"\", label=\"Output\", elem_id=\"output_text\")\n", "    btn.click(combine, inputs=[txt, txt_2], outputs=[txt_3])\n", "\n", "    gr.Examples(\n", "        [[\"Hello\", \"World\"], [\"Machine\", \"Learning\"], [\"Gradio\", \"Docs\"]],\n", "        [txt, txt_2],\n", "        txt_3,\n", "        combine,\n", "        cache_examples=True,\n", "    )\n", "    \n", "demo.launch()"]}], "metadata": {}, "nbformat": 4, "nbformat_minor": 5}

run.py

@@ -0,0 +1,29 @@
+import gradio as gr
+
+
+def combine(a, b):
+    return a + " " + b
+
+css = "footer {display: none !important;} .gradio-container {min-height: 0px !important;} #col_1 {min-width: 0 !important; max-width: 25%; height: 100%;} #col_2 {min-width: 0 !important; max-width: 25%; height: 100%;} #col_3 {min-width: 0 !important; max-width: 25%; height: 100%;} #col_4 {min-width: 0 !important; max-width: 25%; height: 100%;}"
+
+with gr.Blocks(css=css) as demo:
+    with gr.Row():
+        with gr.Column(elem_id="col_1"):
+            txt = gr.Textbox(label="Input 1", elem_id="input_1_text")
+        with gr.Column(elem_id="col_2"):
+            txt_2 = gr.Textbox(label="Input 2", elem_id="input_2_text")
+        with gr.Column(elem_id="col_3"):
+            btn = gr.Button(value="Combine Inputs", elem_id="combine_button")
+        with gr.Column(elem_id="col_4"):
+            txt_3 = gr.Textbox(value="", label="Output", elem_id="output_text")
+    btn.click(combine, inputs=[txt, txt_2], outputs=[txt_3])
+
+    gr.Examples(
+        [["Hello", "World"], ["Machine", "Learning"], ["Gradio", "Docs"]],
+        [txt, txt_2],
+        txt_3,
+        combine,
+        cache_examples=True,
+    )
+    
+demo.launch()