run.ipynb

{"cells": [{"cell_type": "markdown", "id": "302934307671667531413257853548643485645", "metadata": {}, "source": ["# Gradio Demo: render_preserve_key"]}, {"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", "import random\n", "\n", "with gr.Blocks() as demo:\n", "    number_of_boxes = gr.Slider(1, 5, step=1, value=3, label=\"Number of Boxes\")\n", "\n", "    @gr.render(inputs=[number_of_boxes])\n", "    def create_boxes(number_of_boxes):\n", "        for i in range(number_of_boxes):\n", "            with gr.Row(key=f'row-{i}'):\n", "                number_box = gr.Textbox(\n", "                    label=f\"Default Label\", \n", "                    info=\"Default Info\", \n", "                    key=f\"box-{i}\", \n", "                    preserved_by_key=[\"label\", \"value\"], \n", "                    interactive=True\n", "                )\n", "                change_label_btn = gr.Button(\"Change Label\", key=f\"btn-{i}\")\n", "\n", "                change_label_btn.click(\n", "                    lambda: gr.Textbox(\n", "                        label=random.choice(\"ABCDE\"), \n", "                        info=random.choice(\"ABCDE\")), \n", "                        outputs=number_box\n", "                )\n", "\n", "if __name__ == \"__main__\":\n", "    demo.launch()"]}], "metadata": {}, "nbformat": 4, "nbformat_minor": 5}