wehub-resource-sync
adf0d17497
publish / version_or_publish (push) Has been cancelled
storybook-build / changes (push) Has been cancelled
storybook-build / :storybook-build (push) Has been cancelled
Sync Gradio Skills to Hugging Face / sync-skills (push) Has been cancelled
functional / changes (push) Has been cancelled
functional / build-frontend (push) Has been cancelled
functional / functional-test-SSR=false (push) Has been cancelled
functional / functional-reload (push) Has been cancelled
js / changes (push) Has been cancelled
js / js-test (push) Has been cancelled
docs-build / changes (push) Has been cancelled
docs-build / docs-build (push) Has been cancelled
docs-build / website-build (push) Has been cancelled
functional / functional-test-SSR=true (push) Has been cancelled
hygiene / hygiene-test (push) Has been cancelled
python / changes (push) Has been cancelled
python / build (push) Has been cancelled
python / test-ubuntu-latest-flaky (push) Has been cancelled
python / test-ubuntu-latest-not-flaky (push) Has been cancelled
python / test-windows-latest-flaky (push) Has been cancelled
python / test-windows-latest-not-flaky (push) Has been cancelled
80 lines
2.3 KiB
Python
80 lines
2.3 KiB
Python
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()
|