gradio_modal
A popup modal component
Installation
pip install gradio_modal
Usage
import gradio as gr
from gradio_modal import Modal
with gr.Blocks() as demo:
with gr.Tab("Tab 1"):
text_1 = gr.Textbox(label="Input 1")
text_2 = gr.Textbox(label="Input 2")
text_1.submit(lambda x:x, text_1, text_2)
show_btn = gr.Button("Show Modal")
show_btn2 = gr.Button("Show Modal 2")
gr.Examples(
[["Text 1", "Text 2"], ["Text 3", "Text 4"]],
inputs=[text_1, text_2],
)
with gr.Tab("Tab 2"):
gr.Markdown("This is tab 2")
with Modal(visible=False) as modal:
for i in range(5):
gr.Markdown("Hello world!")
with Modal(visible=False) as modal2:
for i in range(100):
gr.Markdown("Hello world!")
show_btn.click(lambda: Modal(visible=True), None, modal)
show_btn2.click(lambda: Modal(visible=True), None, modal2)
if __name__ == "__main__":
demo.launch()
Modal
Initialization
| name | type | default | description |
|---|---|---|---|
visible |
bool
|
False |
If False, modal will be hidden. |
elem_id |
str | None
|
None |
An optional string that is assigned as the id of this component in the HTML DOM. Can be used for targeting CSS styles. |
elem_classes |
list[str] | str | None
|
None |
An optional string or list of strings that are assigned as the class of this component in the HTML DOM. Can be used for targeting CSS styles. |
allow_user_close |
bool
|
True |
If True, user can close the modal (by clicking outside, clicking the X, or the escape key). |
render |
bool
|
True |
If False, component will not render be rendered in the Blocks context. Should be used if the intention is to assign event listeners now but render the component later. |
Events
| name | description |
|---|---|
blur |
This listener is triggered when the Modal is unfocused/blurred. |
1 maintainer
Metadata
1 maintainer
Release files for gradio-modal 0.0.4
For a detailed explanation of source distributions (sdists) and built distributions (wheels), please see the package formats documentation.
Source distribution (sdist)
| File | Size | Uploaded | Provenance | Actions |
|---|---|---|---|---|
| gradio_modal-0.0.4.tar.gz | 1.2 MB | Without provenance | Details for gradio_modal-0.0.4.tar.gz |
Built distribution (wheel)
| File | Interpreter | ABI | Platform | Actions Reset |
|---|---|---|---|---|
| gradio_modal-0.0.4-py3-none-any.whl | Python 3 | none | any | Details for gradio_modal-0.0.4-py3-none-any.whl |
Total release size: 2.3 MB
Release files / gradio_modal-0.0.4.tar.gz
| Download URL | gradio_modal-0.0.4.tar.gz |
|---|---|
| Size | 1.2 MB |
| Tags | Source |
|
SHA-256 checksum How to use checksums |
717ae699072a171648cfa1b84bc153be84e92d04e9ad58c1bc59af68ef332726
|
|
BLAKE2b-256 checksum How to use checksums |
e2fd3b383f9ee8d60625e9e26871ba4adcacbedeab132041b94290758e02e543
|
| Upload date | |
|
Uploaded using Trusted Publishing? What is trusted publishing? |
No |
| Uploaded via |
twine/5.1.1 CPython/3.10.15
|
Release files / gradio_modal-0.0.4-py3-none-any.whl
| Download URL | gradio_modal-0.0.4-py3-none-any.whl |
|---|---|
| Size | 1.1 MB |
| Tags | Python 3 |
|
SHA-256 checksum How to use checksums |
d96e817d2e934d9e1b835b06474f45fd349b5ccea499d1536bfb4bd38f62dedb
|
|
BLAKE2b-256 checksum How to use checksums |
053d76f454de84ae1dccbf2b7023e933afb8dde5fdd89e9476786726ef770737
|
| Upload date | |
|
Uploaded using Trusted Publishing? What is trusted publishing? |
No |
| Uploaded via |
twine/5.1.1 CPython/3.10.15
|
Security for gradio-modal 0.0.4
Provenance
Provenance describes where a file came from. On PyPI, provenance is shared via attestations, which provide a verifiable record of the build or publishing details. View details, limitations and caveats.
No provenance found
None of the files in this release were uploaded with provenance metadata.
A note on package security
PyPI is a repository for distributing packages, not a service for auditing them. While third-party security researchers and our staff do their best to detect and remove malicious packages, PyPI cannot guarantee the quality, security or suitability of any given package.
To learn more about protecting yourself from malicious actors, visit our package security documentation.
