Group in Gradio

Group

There come times when we need some simple customizations to our UI. The great thing about Gradio is that many of these considerations are generally taken care of, however, sometimes we need to fine-tune exactly what we want. In this lesson, we will learn how to control the padding and margins between components using Group.

Group is a layout element that must be defined within Blocks (they must exist in a Blocks context. We can define children components to be in a Group, and these children will have no padding or margins between them. Similar to Row and Column, a Group is also defined within a context as follows.