Gradio Row Docs

New to Gradio? Start here: Getting Started

To install Gradio from main, run the following command:

pip install https://gradio-builds.s3.amazonaws.com/98c1cbcd0e3b66a8d2463820d3ce157efe0a032d/gradio-4.31.4-py3-none-any.whl

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

with gradio.Row():

Row is a layout element within Blocks that renders all children horizontally.

with gr.Blocks() as demo:
    with gr.Row():
        gr.Image("lion.jpg", scale=2)
        gr.Image("tiger.jpg", scale=1)
demo.launch()

Parameter	Description
`variant` Literal[('default', 'panel', 'compact')] default: "default"	row type, 'default' (no background), 'panel' (gray background color and rounded corners), or 'compact' (rounded corners and no internal gap).
`visible` bool default: True	If False, row 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.
`equal_height` bool default: True	If True, makes every child element have equal height

Controlling Layout