# 🆕 Tabs Container and Tabs Components in Public Preview **URL:** \ **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:** 2
**Author:** ![dezwatz](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/dezwatz/32/77903_2.png) [@dezwatz](https://community.glideapps.com/u/dezwatz)\ **Post date:** [May 22, 2025, 11:51am UTC](https://community.glideapps.com/t/tabs-container-and-tabs-components-in-public-preview/81864/23 "2025-05-22T11:51:27Z")
This is wonderful!! =] ---
**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 23, 2025, 12:36am UTC](https://community.glideapps.com/t/tabs-container-and-tabs-components-in-public-preview/81864/24 "2025-05-23T00:36:25Z")
What about adding colors for the badges 🙂 ---
**Author:** ![Marc-Olivier](https://avatars.discourse-cdn.com/v4/letter/m/ac91a4/32.png) [@Marc-Olivier](https://community.glideapps.com/u/Marc-Olivier)\ **Post date:** [May 23, 2025, 8:22am UTC](https://community.glideapps.com/t/tabs-container-and-tabs-components-in-public-preview/81864/25 "2025-05-23T08:22:25Z")
And fireworks 🙂 ---
**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 23, 2025, 7:47pm UTC](https://community.glideapps.com/t/tabs-container-and-tabs-components-in-public-preview/81864/26 "2025-05-23T19:47:14Z")
🧵The very first and most obvious feature is the default tab. I mean the tab container. ---
**Author:** ![Simon\_Hill](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/simon_hill/32/94730_2.png) [@Simon\_Hill](https://community.glideapps.com/u/Simon_Hill)\ **Post date:** [May 24, 2025, 2:30pm UTC](https://community.glideapps.com/t/tabs-container-and-tabs-components-in-public-preview/81864/27 "2025-05-24T14:30:49Z")
Love this… thank you Glide! Can you quickly explain how the user’s selected tab gets written to the column in the user table…? ---
**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 24, 2025, 11:55pm UTC](https://community.glideapps.com/t/tabs-container-and-tabs-components-in-public-preview/81864/28 "2025-05-24T23:55:57Z")
Not sure if I get you right here, but you have the option to select a column to save the selected tab to, just like a choice component. But it only works for the Tabs component, not Tab Containers. ---
**Author:** ![Marc-Olivier](https://avatars.discourse-cdn.com/v4/letter/m/ac91a4/32.png) [@Marc-Olivier](https://community.glideapps.com/u/Marc-Olivier)\ **Post date:** [May 25, 2025, 10:14am UTC](https://community.glideapps.com/t/tabs-container-and-tabs-components-in-public-preview/81864/29 "2025-05-25T10:14:17Z")
Yes, the tab component works almost like the old swipe (linked to a column)—it’s what I used when converting a classic app with swipe (RIP). The only issue is that Glide will likely adjust its style for wider screens. For now, its size stays the same regardless of screen size, so it looks small on larger displays. ---
**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 25, 2025, 12:33pm UTC](https://community.glideapps.com/t/tabs-container-and-tabs-components-in-public-preview/81864/30 "2025-05-25T12:33:25Z")
It would be great to have the option to make the tabs themselves sticky, so they don’t disappear off the top of the page when scrolling on longer pages! ---
**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 25, 2025, 2:53pm UTC](https://community.glideapps.com/t/tabs-container-and-tabs-components-in-public-preview/81864/31 "2025-05-25T14:53:23Z")
Post a #Feature Requests ! ---
**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 25, 2025, 11:32pm UTC](https://community.glideapps.com/t/tabs-container-and-tabs-components-in-public-preview/81864/32 "2025-05-25T23:32:35Z")
If you have access to CSS, put the tab inside a container, name the container’s class “sticky-top” (or anything that you want), and use this: ```auto .sticky-top { position: -webkit-sticky; position: sticky; top: 0px; z-index: 999; margin-top: 0px; } ``` ---
**Author:** ![JazzyTiger\_84](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/jazzytiger_84/32/88273_2.png) [@JazzyTiger\_84](https://community.glideapps.com/u/JazzyTiger_84)\ **Post date:** [May 27, 2025, 12:01pm UTC](https://community.glideapps.com/t/tabs-container-and-tabs-components-in-public-preview/81864/33 "2025-05-27T12:01:07Z")
**Exciting to see the Tabs Container and Tabs Components entering public preview—this adds a much-needed layer of UI flexibility for modular content presentation. If you’re building dashboards, forms, or multi-step workflows, these components can significantly improve usability.** A few observations and tips: - **Tabs Container** serves as the wrapper, managing layout and switching logic. It’s clean and intuitive, especially when working with dynamic or conditional tab visibility. - **Tabs Components** allow for granular control of content in each tab—ideal for segmenting user input, configuration pages, or data views. - Early tests show good responsiveness across screen sizes, and performance seems stable even with multiple nested components. - It would be great to see **custom styling support** and **tab state persistence** in future updates, especially for SPAs or apps with session-based navigation. If anyone has explored deeper integrations (e.g. binding tab state to URL params or using it with complex data forms), I’d love to hear your approach! ---
**Author:** ![Sean\_Page](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/sean_page/32/77424_2.png) [@Sean\_Page](https://community.glideapps.com/u/Sean_Page)\ **Post date:** [May 27, 2025, 2:31pm UTC](https://community.glideapps.com/t/tabs-container-and-tabs-components-in-public-preview/81864/34 "2025-05-27T14:31:08Z")
Both components are working very well! Still wish we could have custom collections within another collection / container, but for now this helps a lot! ---
**Author:** ![Luca\_Dipa](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/luca_dipa/32/67530_2.png) [@Luca\_Dipa](https://community.glideapps.com/u/Luca_Dipa)\ **Post date:** [May 27, 2025, 3:29pm UTC](https://community.glideapps.com/t/tabs-container-and-tabs-components-in-public-preview/81864/35 "2025-05-27T15:29:35Z")
Guys, the component doesn’t show very well on mobile if you select full-width. Could you perhaps insert an option to display only the icons and not the title as well? ![Screenshot 2025-05-27 alle 17.24.55](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/e/e/ee606d1b042d8e0e81b2641025eed6fb4f687fb5.jpeg) ---
**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 27, 2025, 11:01pm UTC](https://community.glideapps.com/t/tabs-container-and-tabs-components-in-public-preview/81864/36 "2025-05-27T23:01:13Z")
For me I cancelled all the icons because of the same issue, kept it short, 1 word only. ---
**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 28, 2025, 6:30pm UTC](https://community.glideapps.com/t/tabs-container-and-tabs-components-in-public-preview/81864/37 "2025-05-28T18:30:22Z")
Two other styling issues I noticed that I hope will be addressed: The badge icon really doesn’t show up very well even against a card or highlight background. But it (along with the button styling) get completely lost against a dark or accent background. Plain background: ![Screenshot 2025-05-28 at 11.28.42 AM](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/6/c/6cc0f03563d007b1ad3d282f62aefc38cbc69722.png) It would be nice to be able to set a different color other than light gray. These are “buttons” but the outline is lost as is the background for the badge. ![Screenshot 2025-05-28 at 11.23.59 AM](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/3/0/3059fc71952da8072ed2c22b8d9b3ce3c32943d7.png) ---
**Author:** ![David\_H](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/david_h/32/83324_2.png) [@David\_H](https://community.glideapps.com/u/David_H)\ **Post date:** [May 29, 2025, 12:35am UTC](https://community.glideapps.com/t/tabs-container-and-tabs-components-in-public-preview/81864/38 "2025-05-29T00:35:52Z")
An toggle for vertical tabs would be great for desktop! ---
**Author:** ![Mike\_Met13](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/mike_met13/32/87909_2.png) [@Mike\_Met13](https://community.glideapps.com/u/Mike_Met13)\ **Post date:** [June 2, 2025, 7:00am UTC](https://community.glideapps.com/t/tabs-container-and-tabs-components-in-public-preview/81864/39 "2025-06-02T07:00:46Z")
The tabs container is great, it just needs the same width setting as a regular container - otherwise everything needs to be max width. ---
**Author:** ![Thais\_Fontes](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/thais_fontes/32/61251_2.png) [@Thais\_Fontes](https://community.glideapps.com/u/Thais_Fontes)\ **Post date:** [June 3, 2025, 5:01pm UTC](https://community.glideapps.com/t/tabs-container-and-tabs-components-in-public-preview/81864/40 "2025-06-03T17:01:54Z")
I have a new feature request for this components. I really think that the toggle option would be very helpful now when building/editing the apps. A kinda like what we have for the Navigation, but for each Container/Tabs ![image](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/c/e/cea6829e27e198ae383d8a4191514d0add156e97.png) > [@Tabs and Containers on Components selection to be toggled](https://community.glideapps.com/t/tabs-and-containers-on-components-selection-to-be-toggled/82226): > > Hello, I am loving the new Tabs and Containers updates, but I would like to request a new feature for those components: to be able to toggle them. The components list is getting really long for some of my pages and I find that it would be easier and more organized if I would be able to toggle them to show/hide the inside components. Like this I can focus on doing changes one tab/container component at a time without mixing up which page is showing what in a easier way. ---
**Author:** ![kingzy](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/kingzy/32/15690_2.png) [@kingzy](https://community.glideapps.com/u/kingzy)\ **Post date:** [June 4, 2025, 5:02pm UTC](https://community.glideapps.com/t/tabs-container-and-tabs-components-in-public-preview/81864/41 "2025-06-04T17:02:02Z")
Some of the current limitations of the Tabs and Tabs Container. Due to screen sizes, some may completely disappear if there are too many tabs! ![Screenshot 2025-06-05 at 00-59-58 EXP](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/7/5/75917ba71358864a25838eea1081547bc84319dc.png) ![Screenshot 2025-06-05 at 00-59-51 EXP](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/a/3/a32e0812731b527d197d1104e20b4bd0df7aff67.jpeg) You can add emojis in the Badge: ![image](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/4/3/43612fe707ff468b994dd6ba9cb06b2952fd269f.png) ---
**Author:** ![Austin](https://avatars.discourse-cdn.com/v4/letter/a/77aa72/32.png) [@Austin](https://community.glideapps.com/u/Austin)\ **Post date:** [June 13, 2025, 5:03pm UTC](https://community.glideapps.com/t/tabs-container-and-tabs-components-in-public-preview/81864/43 "2025-06-13T17:03:02Z")
This is so great! Nested containers would be the next logical step. [Previous page](https://community.glideapps.com/t/tabs-container-and-tabs-components-in-public-preview/81864.md?page=1) [Next page](https://community.glideapps.com/t/tabs-container-and-tabs-components-in-public-preview/81864.md?page=3)