# 🆕 Tabs Container and Tabs Components in Public Preview

**URL:** https://community.glideapps.com/t/tabs-container-and-tabs-components-in-public-preview/81864
**Category:** Announcements
**Tags:** layout, components
**Created:** [May 13, 2025, 9:01pm UTC](https://community.glideapps.com/t/tabs-container-and-tabs-components-in-public-preview/81864 "2025-05-13T21:01:36Z")
**Posts on this page:** 20
**Page:** 1

<div class="post-metadata">

### Author: ![DJP](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/djp/32/62545_2.png) [@DJP](https://community.glideapps.com/u/DJP)
#### Post date: [May 13, 2025, 9:01pm UTC](https://community.glideapps.com/t/tabs-container-and-tabs-components-in-public-preview/81864/1 "2025-05-13T21:01:36Z")

</div>

**Create new layouts with Tabs Container and Tabs Component**

- Show components based on the tab selected by the user
- Create dynamic badges for each tab
- Show other containers with the Tabs component

Please share feedback in this thread 🧵

**As a reminder, Preview features should not be used in Production apps. Read more about Glide’s product release cycle in our [Glide Doc](https://www.glideapps.com/docs/preview-features).**

### Demo

https://www.loom.com/embed/4b43c46be2bc4b95a6d9a5806edbb6e9

### Tabs Container

 ![SCR-20250520-okga](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/1/5/154a0e16d23985d250425889282489b6becd027a.jpeg)

### Tabs Component

 ![SCR-20250520-okal](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/a/1/a12ca44fff5cf6cc2a14372ec1b8a89d9d26b11e.jpeg)

---

<div class="post-metadata">

### Author: ![DJP](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/djp/32/62545_2.png) [@DJP](https://community.glideapps.com/u/DJP)
#### Post date: [May 20, 2025, 8:28pm UTC](https://community.glideapps.com/t/tabs-container-and-tabs-components-in-public-preview/81864/4 "2025-05-20T20:28:01Z")

</div>



---

<div class="post-metadata">

### Author: ![mstam2](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/mstam2/32/67186_2.png) [@mstam2](https://community.glideapps.com/u/mstam2)
#### Post date: [May 20, 2025, 8:39pm UTC](https://community.glideapps.com/t/tabs-container-and-tabs-components-in-public-preview/81864/5 "2025-05-20T20:39:18Z")

</div>

This is awesome!! 🙏

Really appreciate the focus on components like this lately.

---

<div class="post-metadata">

### Author: ![Chicotagada](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/chicotagada/32/89708_2.png) [@Chicotagada](https://community.glideapps.com/u/Chicotagada)
#### Post date: [May 20, 2025, 8:48pm UTC](https://community.glideapps.com/t/tabs-container-and-tabs-components-in-public-preview/81864/6 "2025-05-20T20:48:21Z")

</div>

Àwesome! Great! Well done!

I’ve been waiting for this for so long!

Thank you so much for the implementation — it will be very useful for my projects.

---

<div class="post-metadata">

### Author: ![MaximeBaker](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/maximebaker/32/80877_2.png) [@MaximeBaker](https://community.glideapps.com/u/MaximeBaker)
#### Post date: [May 20, 2025, 9:27pm UTC](https://community.glideapps.com/t/tabs-container-and-tabs-components-in-public-preview/81864/7 "2025-05-20T21:27:14Z")

</div>

Incredible feature that will enhance UIs!

---

<div class="post-metadata">

### Author: ![Eitan](https://avatars.discourse-cdn.com/v4/letter/e/aca169/32.png) [@Eitan](https://community.glideapps.com/u/Eitan)
#### Post date: [May 20, 2025, 10:06pm UTC](https://community.glideapps.com/t/tabs-container-and-tabs-components-in-public-preview/81864/8 "2025-05-20T22:06:17Z")

</div>

Love this! And agreed really loving the focus on some core components — they make a huge difference

---

<div class="post-metadata">

### Author: ![slscustom.ru](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/slscustom.ru/32/77336_2.png) [@slscustom.ru](https://community.glideapps.com/u/slscustom.ru)
#### Post date: [May 20, 2025, 10:17pm UTC](https://community.glideapps.com/t/tabs-container-and-tabs-components-in-public-preview/81864/9 "2025-05-20T22:17:16Z")

</div>

The Tab component is perfect, rather in production.  
But it would be great to be able to create Tabs from the table or from m.rel. or query. Often, customers ask to change the names of the Tabs and have to keep them in the table and pull them up in different columns to have a dynamic name of the Tabs. This will save a lot of time to create an environment for the dynamic names of the Tabs.  
Otherwise, the component is beautiful!

---

<div class="post-metadata">

### Author: ![Mazen](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/mazen/32/84042_2.png) [@Mazen](https://community.glideapps.com/u/Mazen)
#### Post date: [May 20, 2025, 10:38pm UTC](https://community.glideapps.com/t/tabs-container-and-tabs-components-in-public-preview/81864/10 "2025-05-20T22:38:17Z")

</div>

Nice!!! My most wanted feature! 🎊

---

<div class="post-metadata">

### Author: ![DJP](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/djp/32/62545_2.png) [@DJP](https://community.glideapps.com/u/DJP)
#### Post date: [May 20, 2025, 11:35pm UTC](https://community.glideapps.com/t/tabs-container-and-tabs-components-in-public-preview/81864/11 "2025-05-20T23:35:11Z")

</div>

You can use a column as the display name if that helps!

Dynamic number of tabs is a good suggestion

---

<div class="post-metadata">

### Author: ![Mazen](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/mazen/32/84042_2.png) [@Mazen](https://community.glideapps.com/u/Mazen)
#### Post date: [May 21, 2025, 1:32am UTC](https://community.glideapps.com/t/tabs-container-and-tabs-components-in-public-preview/81864/12 "2025-05-21T01:32:53Z")

</div>

Do some magic and bring submenus in the navbar into the game @DJP 🙂

> [@Submenu in Glide Page](https://community.glideapps.com/t/submenu-in-glide-page/48294):
>
> Hello, if we have a lot of page, submenu can be great !

---

<div class="post-metadata">

### Author: ![doslab](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/doslab/32/76547_2.png) [@doslab](https://community.glideapps.com/u/doslab)
#### Post date: [May 21, 2025, 6:44am UTC](https://community.glideapps.com/t/tabs-container-and-tabs-components-in-public-preview/81864/13 "2025-05-21T06:44:44Z")

</div>

This is really great - my most wished-for feature! I can’t wait to delete all of those button blocks and screens that I’d been using to hack around…

As a stretch-goal, are there any plans to permit nested tab containers? Being able to put tabs in tabs would be incredible.

---

<div class="post-metadata">

### Author: ![slscustom.ru](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/slscustom.ru/32/77336_2.png) [@slscustom.ru](https://community.glideapps.com/u/slscustom.ru)
#### Post date: [May 21, 2025, 10:30am UTC](https://community.glideapps.com/t/tabs-container-and-tabs-components-in-public-preview/81864/14 "2025-05-21T10:30:12Z")

</div>

I mean, like in custom collection, where each tab is a row of table

---

<div class="post-metadata">

### Author: ![Gideon\_Lahav\_Busines](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/gideon_lahav_busines/32/41121_2.png) [@Gideon\_Lahav\_Busines](https://community.glideapps.com/u/Gideon_Lahav_Busines)
#### Post date: [May 21, 2025, 10:56am UTC](https://community.glideapps.com/t/tabs-container-and-tabs-components-in-public-preview/81864/15 "2025-05-21T10:56:35Z")

</div>

Great work team!!

---

<div class="post-metadata">

### Author: ![nathanaelb](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/nathanaelb/32/43079_2.png) [@nathanaelb](https://community.glideapps.com/u/nathanaelb)
#### Post date: [May 21, 2025, 11:29am UTC](https://community.glideapps.com/t/tabs-container-and-tabs-components-in-public-preview/81864/16 "2025-05-21T11:29:52Z")

</div>

**Tabs Container**

1. What would be a use case for the separate `Name` and `Display as` fields?`

2. Containers are useful for 2 unrelated reasons. For the user interface: container layout, width, background, padding. And for the developer’s experience: grouping components together to be able to move a section of the page/screen up or down quickly. So for these two reasons, on the screens I build a component lives inside a container and these make the tab container less attractive (despite its UI appeal).  
_Any chance you might then introduce component grouping, a group that can be collapsed and move up and down the page?_

**Tabs Component**

Is the idea here that regardless of the data source of the screen, we select a column in the users table for the tabs component? This is a nice and easy setup.

---

<div class="post-metadata">

### Author: ![Jeff\_Hager](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/jeff_hager/32/43_2.png) [@Jeff\_Hager](https://community.glideapps.com/u/Jeff_Hager)
#### Post date: [May 21, 2025, 11:55am UTC](https://community.glideapps.com/t/tabs-container-and-tabs-components-in-public-preview/81864/17 "2025-05-21T11:55:32Z")

</div>

> [@doslab](#):
>
> As a stretch-goal, are there any plans to permit nested tab containers? Being able to put tabs in tabs would be incredible

You kind of can already. That’s why there’s 2 separate components. One that’s standalone component and one that’s a container. Using the standalone components, you can control the view of other containers or components. It’s not a nested container per-se (which could be useful), but it gives the impression that it is. I’m glad Glide gave us the flexibility with two components. In my screenshot below, I’m using two standalone tab components to control the visibility of other components or containers on the screen.

 ![1000005196](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/9/9/99e1401d26d63ce02f50dfd618eab00538881f91.png)

> [@nathanaelb](#):
>
> What would be a use case for the separate `Name` and `Display as` fields?`

My above screenshot is a use case. ‘Singles’ needs to write ‘Singles, Freestyle’ to the table, so my collection can pick up newer ‘Singles’ records as well as older ‘Freestyle’ records to remain backwards compatible.

---

<div class="post-metadata">

### Author: ![Myles\_Chaput](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/myles_chaput/32/62176_2.png) [@Myles\_Chaput](https://community.glideapps.com/u/Myles_Chaput)
#### Post date: [May 21, 2025, 2:05pm UTC](https://community.glideapps.com/t/tabs-container-and-tabs-components-in-public-preview/81864/18 "2025-05-21T14:05:09Z")

</div>

This is so great! What a great year for Gliders!

---

<div class="post-metadata">

### Author: ![Eric\_Penn](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/eric_penn/32/73888_2.png) [@Eric\_Penn](https://community.glideapps.com/u/Eric_Penn)
#### Post date: [May 21, 2025, 2:32pm UTC](https://community.glideapps.com/t/tabs-container-and-tabs-components-in-public-preview/81864/19 "2025-05-21T14:32:08Z")

</div>

> [@nathanaelb](#):
>
> What would be a use case for the separate `Name` and `Display as` fields?`

Should probably be rewritten to…`Value` and `Display as`

Loving the Tabs Component especially with Custom Collection.

Here’s a simple application on a User Profile screen.

 ![Screenshot 2025-05-21 at 10.34.34 AM](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/d/6/d685ff165873b798d5394076c7bd6218c3cd23e0.jpeg)  
Glide is on 🔥

---

<div class="post-metadata">

### Author: ![fk1214](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/fk1214/32/71058_2.png) [@fk1214](https://community.glideapps.com/u/fk1214)
#### Post date: [May 21, 2025, 2:53pm UTC](https://community.glideapps.com/t/tabs-container-and-tabs-components-in-public-preview/81864/20 "2025-05-21T14:53:55Z")

</div>

Nice. Now I have an alternative to using choice components with some custom CSS to make them look like tabs 😉

---

<div class="post-metadata">

### Author: ![BLA\_68](https://avatars.discourse-cdn.com/v4/letter/b/977dab/32.png) [@BLA\_68](https://community.glideapps.com/u/BLA_68)
#### Post date: [May 21, 2025, 3:24pm UTC](https://community.glideapps.com/t/tabs-container-and-tabs-components-in-public-preview/81864/21 "2025-05-21T15:24:04Z")

</div>

So happy to see this feature. Great work!  
But… it seems to have been designed with mobile in mind. The styling is quite, um, underwhelming on desktop. It’a little anemic compared with the buttons it would replace for many of us implementing pseudo tab structure now.

 ![Screenshot 2025-05-21 at 8.21.55 AM](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/7/4/74a4a37dcc7b45288c2b6a78e8ec366a0f938bb2.png)  
 ![Screenshot 2025-05-21 at 8.21.49 AM](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/b/e/be716e5327973df1166e51d3bd921157c491405e.png)

---

<div class="post-metadata">

### Author: ![ThinhDinh](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/thinhdinh/32/49_2.png) [@ThinhDinh](https://community.glideapps.com/u/ThinhDinh)
#### Post date: [May 21, 2025, 11:37pm UTC](https://community.glideapps.com/t/tabs-container-and-tabs-components-in-public-preview/81864/22 "2025-05-21T23:37:49Z")

</div>

> [@nathanaelb](#):
>
> What would be a use case for the separate `Name` and `Display as` fields?`

I would say this is more useful to me on Tabs, not Tab Containers. Tabs would write the “Name” to a field I choose, and I can use that field to establish relations that directly power what I display in each tab.

In many cases, I use rowIDs/numbers to establish said relations, that’s where it comes in useful. I would love the ability to do the same thing on Tab Containers.

[Next page](https://community.glideapps.com/t/tabs-container-and-tabs-components-in-public-preview/81864.md?page=2)
