Spaces:
Sleeping
Sleeping
File size: 2,397 Bytes
89471fc | 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 69 70 71 72 73 74 75 76 77 78 79 80 | import gradio as gr
from gradio.media import get_image
with gr.Blocks() as demo:
a = gr.Number(value=5, minimum=0, maximum=10, label="Input A", info="Enter a number between 0 and 10")
output_a = gr.JSON(label="Output", elem_id="output")
with gr.Row():
show_value_btn = gr.Button("Show Value")
double_btn = gr.Button("Double Value and Maximum")
reset_btn = gr.Button("Reset")
def process_with_props(x: gr.Number):
return {
"value": x.value,
"maximum": x.maximum,
"minimum": x.minimum,
}
show_value_btn.click(process_with_props, a, output_a)
def double_value_and_max(x: gr.Number):
x.maximum *= 2 # type: ignore
x.value = (x.value or 0) * 2
x.info = f"Enter a number between 0 and {x.maximum}"
return x
double_btn.click(double_value_and_max, a, a).then(
process_with_props, a, output_a
)
def reset(x: gr.Number):
x.maximum = 10
x.value = 5
x.info = "Enter a number between 0 and 10"
return x
reset_btn.click(reset, a, a).then(
process_with_props, a, output_a
)
# Image component demo
gr.Markdown("## Image Component Props")
b = gr.Image(value=get_image("cheetah.jpg"), label="Input Image", width=300, height=300, type="filepath")
output_b = gr.JSON(label="Image Props Output", elem_id="image-output")
with gr.Row():
show_image_props_btn = gr.Button("Show Image Props")
change_image_size_btn = gr.Button("Change Image Size")
reset_image_btn = gr.Button("Reset Image")
def show_image_props(x: gr.Image):
return {
"value": x.value if x.value is None else str(x.value),
"width": x.width,
"height": x.height,
"type": x.type,
}
show_image_props_btn.click(show_image_props, b, output_b)
def change_image_size(x: gr.Image):
x.width = 400
x.height = 400
return x
change_image_size_btn.click(change_image_size, b, b).then(
show_image_props, b, output_b
)
def reset_image(x: gr.Image):
x.width = 300
x.height = 300
x.value = get_image("cheetah.jpg")
return x
reset_image_btn.click(reset_image, b, b).then(
show_image_props, b, output_b
)
if __name__ == "__main__":
demo.launch()
|