Introducing FastRTC, a new way to build real-time AI apps
Read More
- Blocks Layout
- Row
New to Gradio? Start here: Getting Started
See the Release History
To install Gradio from main, run the following command:
pip install https://gradio-builds.s3.amazonaws.com/9dec325a1ca78ca3c2754e5f0bf2db47962bfedb/gradio-5.20.1-py3-none-any.whl*Note: Setting share=True in
launch() will not work.
Row
gradio.Row(ยทยทยท)Description
Row is a layout element within Blocks that renders all children horizontally.
Example Usage
with gr.Blocks() as demo:
with gr.Row():
gr.Image("lion.jpg", scale=2)
gr.Image("tiger.jpg", scale=1)
demo.launch()Initialization
Parameters
variant: Literal['default', 'panel', 'compact']
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).
elem_id: str | None
elem_id: str | Nonedefault
= 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
elem_classes: list[str] | str | Nonedefault
= 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.
scale: int | None
scale: int | Nonedefault
= None relative height compared to adjacent elements. 1 or greater indicates the Row will expand in height, and any child columns will also expand to fill the height.
render: bool
render: booldefault
= 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.
height: int | str | None
height: int | str | Nonedefault
= None The height of the row, specified in pixels if a number is passed, or in CSS units if a string is passed. If content exceeds the height, the row will scroll vertically. If not set, the row will expand to fit the content.
max_height: int | str | None
max_height: int | str | Nonedefault
= None The maximum height of the row, specified in pixels if a number is passed, or in CSS units if a string is passed. If content exceeds the height, the row will scroll vertically. If content is shorter than the height, the row will shrink to fit the content. Will not have any effect if `height` is set and is smaller than `max_height`.
min_height: int | str | None
min_height: int | str | Nonedefault
= None The minimum height of the row, specified in pixels if a number is passed, or in CSS units if a string is passed. If content exceeds the height, the row will expand to fit the content. Will not have any effect if `height` is set and is larger than `min_height`.