Skip to main content

test component for new flow

Project description


tags: [gradio-custom-component, SimpleTextbox, key, word, cool, flow, nyc] title: gradio_demotest short_description: test component for new flow colorFrom: blue colorTo: yellow sdk: docker pinned: false header: mini app_file: space.py

gradio_demotest

Static Badge

test component for new flow

Installation

pip install gradio_demotest

Usage

import gradio as gr
from gradio_demotest import DemoTest


example = DemoTest().example_value()

demo = gr.Interface(
    lambda x:x,
    DemoTest(),  # interactive version of your component
    DemoTest(),  # static version of your component
    # examples=[[example]],  # uncomment this line to view the "example version" of your component
)


if __name__ == "__main__":
    demo.launch()

DemoTest

Initialization

name type default description
value
str | Callable | None
None default text to provide in textbox. If callable, the function will be called whenever the app loads to set the initial value of the component.
placeholder
str | None
None placeholder hint to provide behind textbox.
label
str | None
None component name in interface.
every
float | None
None If `value` is a callable, run the function 'every' number of seconds while the client connection is open. Has no effect otherwise. The event can be accessed (e.g. to cancel it) via this component's .load_event attribute.
show_label
bool | None
None if True, will display label.
scale
int | None
None relative size compared to adjacent Components. For example if Components A and B are in a Row, and A has scale=2, and B has scale=1, A will be twice as wide as B. Should be an integer. scale applies in Rows, and to top-level Components in Blocks where fill_height=True.
min_width
int
160 minimum pixel width, will wrap if not sufficient screen space to satisfy this value. If a certain scale value results in this Component being narrower than min_width, the min_width parameter will be respected first.
interactive
bool | None
None if True, will be rendered as an editable textbox; if False, editing will be disabled. If not provided, this is inferred based on whether the component is used as an input or output.
visible
bool
True If False, component will be hidden.
rtl
bool
False If True and `type` is "text", sets the direction of the text to right-to-left (cursor appears on the left of the text). Default is False, which renders cursor on the right.
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 list of strings that are assigned as the classes of this component in the HTML DOM. Can be used for targeting CSS styles.
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
change Triggered when the value of the DemoTest changes either because of user input (e.g. a user types in a textbox) OR because of a function update (e.g. an image receives a value from the output of an event trigger). See .input() for a listener that is only triggered by user input.
input This listener is triggered when the user changes the value of the DemoTest.
submit This listener is triggered when the user presses the Enter key while the DemoTest is focused.

User function

The impact on the users predict function varies depending on whether the component is used as an input or output for an event (or both).

  • When used as an Input, the component only impacts the input signature of the user function.
  • When used as an output, the component only impacts the return signature of the user function.

The code snippet below is accurate in cases where the component is used as both an input and an output.

  • As output: Is passed, passes text value as a {str} into the function.
  • As input: Should return, expects a {str} returned from function and sets textarea value to it.
def predict(
    value: str | None
) -> str | None:
    return value

Project details


Download files

Download the file for your platform. If you're not sure which to choose, learn more about installing packages.

Source Distribution

gradio_demotest-0.0.1.tar.gz (38.4 kB view details)

Uploaded Source

Built Distribution

If you're not sure about the file name format, learn more about wheel file names.

gradio_demotest-0.0.1-py3-none-any.whl (27.6 kB view details)

Uploaded Python 3

File details

Details for the file gradio_demotest-0.0.1.tar.gz.

File metadata

  • Download URL: gradio_demotest-0.0.1.tar.gz
  • Upload date:
  • Size: 38.4 kB
  • Tags: Source
  • Uploaded using Trusted Publishing? No
  • Uploaded via: twine/5.0.0 CPython/3.11.8

File hashes

Hashes for gradio_demotest-0.0.1.tar.gz
Algorithm Hash digest
SHA256 97f55383dda179692b259fa3095dfe1eaacb62b6714a0e1f2e18a540ee65c653
MD5 a10f8c25a759cee6f8ecc94f5c336f0e
BLAKE2b-256 10fb40dda9122a664f14328673b3533242744557bc58718a38ea119ae6ddf6d0

See more details on using hashes here.

File details

Details for the file gradio_demotest-0.0.1-py3-none-any.whl.

File metadata

File hashes

Hashes for gradio_demotest-0.0.1-py3-none-any.whl
Algorithm Hash digest
SHA256 2f8bcf5ed5b7e9effdbd1199026e2f261d2f9536d5d88506d3485236f0a31117
MD5 66619c493c1c25bffd5697a485eda570
BLAKE2b-256 5c1fb02bc1db0dcb498310aa09255222c978c619dd2253183a4c3e0cae4e3cfe

See more details on using hashes here.

Supported by

AWS Cloud computing and Security Sponsor Datadog Monitoring Depot Continuous Integration Fastly CDN Google Download Analytics Pingdom Monitoring Sentry Error logging StatusPage Status page