AI UX PlaygroundNewsletterJoin 2K+ AI designers and PMs on Substack. New teardowns, patterns, and prompts as they drop.

Navigation

Tab Bar

The floating glass bar at the bottom for switching between sections of an app.

Loading preview…

When to use

Use a tab bar when an app has three to five top-level sections people switch between often, like Home, Search, and Profile. In iOS 26 it floats in glass above the content and can shrink on scroll.

Props

PropValuesDescription
--tabson .ios-tabbar__bar2 to 5Number of tabs.
checkedon tab inputbooleanSelected tab.