Spaces:
Sleeping
Sleeping
File size: 2,840 Bytes
e588be5 | 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 | import gradio as gr
with gr.Blocks() as demo:
with gr.Tabs():
with gr.Tab("Components", id="components"):
with gr.Row():
with gr.Column():
gr.Textbox(label="Textbox")
gr.Number(label="Number")
gr.Slider(minimum=0, maximum=100, label="Slider")
gr.Dropdown(choices=["A", "B", "C"], label="Dropdown")
gr.Radio(choices=["X", "Y", "Z"], label="Radio")
gr.Checkbox(label="Checkbox")
gr.CheckboxGroup(
choices=["1", "2", "3"], label="CheckboxGroup"
)
gr.ColorPicker(label="ColorPicker")
with gr.Column():
gr.Image(label="Image")
gr.Audio(label="Audio")
gr.Video(label="Video")
gr.File(label="File")
gr.Gallery(label="Gallery")
gr.Dataframe(label="Dataframe", headers=["A", "B", "C"])
gr.JSON(label="JSON", value={"key": "value"})
gr.Code(label="Code", language="python")
with gr.Tab("Chatbot", id="chatbot"):
gr.Chatbot(label="Chatbot")
gr.Textbox(label="Message")
with gr.Tab("Media", id="media"):
with gr.Row():
gr.Image(label="Image Upload")
gr.Image(label="Image Output")
gr.Audio(label="Audio Player")
gr.Video(label="Video Player")
with gr.Tab("Layout", id="layout"):
with gr.Accordion("Accordion 1", open=True):
gr.Markdown("## Content inside accordion 1")
gr.Textbox(label="Accordion Input 1")
with gr.Accordion("Accordion 2", open=False):
gr.Markdown("## Content inside accordion 2")
gr.Slider(minimum=0, maximum=50, label="Accordion Slider")
with gr.Accordion("Accordion 3", open=False):
gr.Dataframe(headers=["Col1", "Col2"], label="Accordion Table")
with gr.Row():
with gr.Column():
gr.Markdown("### Column 1")
gr.Textbox(label="Col1 Input")
with gr.Column():
gr.Markdown("### Column 2")
gr.Number(label="Col2 Input")
with gr.Tab("More", id="more"):
gr.HighlightedText(
label="HighlightedText",
value=[("Hello ", None), ("world", "POS")],
)
gr.Label(label="Label", value={"cat": 0.7, "dog": 0.3})
gr.Plot(label="Plot")
gr.HTML(value="<div>HTML content</div>")
gr.Markdown("### Markdown content")
if __name__ == "__main__":
demo.launch()
|