Blocks Layout
Group

New to Gradio? Start here: Getting Started

To install Gradio from main, run the following command:

pip install https://gradio-builds.s3.amazonaws.com/0a0399ae8b20c8a36782f0224e0b655a3a6dc0ac/gradio-5.15.0-py3-none-any.whl

*Note: Setting share=True in launch() will not work.

←

Column

Row

→

Group

gradio.Group(···)

Description

Group is a layout element within Blocks which groups together children so that they do not have any padding or margin between them.

Example Usage

with gr.Group():
    gr.Textbox(label="First")
    gr.Textbox(label="Last")

Initialization

🔗

visible: bool

default = True

If False, group will be hidden.

🔗

elem_id: str | None

default = 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

default = 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.

🔗

render: bool

default = True

If False, this layout will not be rendered in the Blocks context. Should be used if the intention is to assign event listeners now but render the component later.

←

Column

Row

→