Tab bars · Mobile app

Tab bars in Mobile app: 7 designs — Tab Bar with Count Badges · Tab Bar with Centre Action · Dot Page Indicator · Icon and Label Tab Bar

The badge caps at 99+ and the total is summed from the conversations

Four tabs with one raised primary action in the middle

Follows the horizontal swipe and jumps when a dot is pressed

IntermediateCode Prompt

Five items maximum, each with an accessible name and a sliding indicator

IntermediateCode Prompt

No icons — plain labels with a moving underline

IntermediateCode Prompt

The active item expands to reveal its label; the rest stay icons

Floats above content and hides when scrolling down

IntermediateCode Prompt

Designs