Tab in Gradio

Learn how to create Tabs in Gradio to split your UI over pages. Understand the difference between TabbedInterface and Tabs.

Tab

Tab is a layout element that allows components defined within it to be part of a selected tab. This allows us to create tabs in our UI, much like using multiple tabs in our web browsers.

Press + to interact

To use Tab, we can instantiate within a context, just like Row and Column.

with  gr.Tab ("[Tab name]"):

Tab vs. TabbedInterface

Previously we covered the TabbedInterface, which also allowed us to create tabs. Why would we need to use a Tab when we can use TabbedInterface? Let’s explore it below.

Customizable layout

Tab is a more low-level method of creating tabs, and makes it easier to customize ...

Access this course and 1400+ top-rated courses and projects.