File size: 4,105 Bytes
5120f82
1
{"cells": [{"cell_type": "markdown", "id": 302934307671667531413257853548643485645, "metadata": {}, "source": ["# Gradio Demo: blocks_style"]}, {"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", "with gr.Blocks(title=\"Styling Examples\") as demo:\n", "    with gr.Column():\n", "        txt = gr.Textbox(label=\"Small Textbox\", lines=1).style(\n", "            rounded=False,\n", "            border=False,\n", "            container=False,\n", "        )\n", "\n", "        num = gr.Number(label=\"Number\", show_label=False).style(\n", "            rounded=False,\n", "            border=False,\n", "            container=False,\n", "        )\n", "        slider = gr.Slider(label=\"Slider\", show_label=False).style(\n", "            container=False,\n", "        )\n", "        check = gr.Checkbox(label=\"Checkbox\", show_label=False).style(\n", "            rounded=False,\n", "            border=False,\n", "            container=False,\n", "        )\n", "        check_g = gr.CheckboxGroup(\n", "            label=\"Checkbox Group\", choices=[\"One\", \"Two\", \"Three\"], show_label=False\n", "        ).style(rounded=False, container=False, item_container=False)\n", "        radio = gr.Radio(\n", "            label=\"Radio\", choices=[\"One\", \"Two\", \"Three\"], show_label=False\n", "        ).style(\n", "            item_container=False,\n", "            container=False,\n", "        )\n", "        drop = gr.Dropdown(\n", "            label=\"Dropdown\", choices=[\"One\", \"Two\", \"Three\"], show_label=False\n", "        ).style(\n", "            rounded=False,\n", "            border=False,\n", "            container=False,\n", "        )\n", "        image = gr.Image(show_label=False).style(\n", "            rounded=False,\n", "        )\n", "        video = gr.Video(show_label=False).style(\n", "            rounded=False,\n", "        )\n", "        audio = gr.Audio(show_label=False).style(\n", "            rounded=False,\n", "        )\n", "        file = gr.File(show_label=False).style(\n", "            rounded=False,\n", "        )\n", "        df = gr.Dataframe(show_label=False).style(\n", "            rounded=False,\n", "        )\n", "\n", "        ts = gr.Timeseries(show_label=False).style(\n", "            rounded=False,\n", "        )\n", "        label = gr.Label().style(\n", "            container=False,\n", "        )\n", "        highlight = gr.HighlightedText(\n", "            \"+ hello. - goodbye\", show_label=False, color_map={\"+\": \"green\", \"-\": \"red\"}\n", "        ).style(rounded=False, container=False)\n", "        json = gr.JSON().style(container=False)\n", "        html = gr.HTML(show_label=False).style()\n", "        gallery = gr.Gallery().style(\n", "            rounded=False,\n", "            grid=(3, 3, 1),\n", "            height=\"auto\",\n", "            container=False,\n", "        )\n", "        chat = gr.Chatbot(\"hi\", color_map=(\"pink\", \"blue\")).style(\n", "            rounded=False,\n", "        )\n", "\n", "        model = gr.Model3D().style(\n", "            rounded=False,\n", "        )\n", "\n", "        gr.Plot().style()\n", "        md = gr.Markdown(show_label=False).style()\n", "\n", "        highlight = gr.HighlightedText().style(\n", "            rounded=False,\n", "        )\n", "\n", "        btn = gr.Button(\"Run\").style(\n", "            rounded=False,\n", "            full_width=True,\n", "            border=False,\n", "        )\n", "\n", "        # Not currently public\n", "        # TODO: Uncomment at next release\n", "        # gr.Dataset().style(\n", "        #     rounded=False,\n", "        #     margin=False,\n", "        #     border=False,\n", "        # )\n", "\n", "\n", "if __name__ == \"__main__\":\n", "    demo.launch()\n"]}], "metadata": {}, "nbformat": 4, "nbformat_minor": 5}