Bain Logo

Tab Bar

Jump to Props

Provide bottom navigation for mobile apps

Proin venenatis molestie sagittis. Proin convallis enim vel felis vestibulum, ac rutrum quam facilisis. Mauris dictum scelerisque interdum. Mauris rutrum egestas tellus, a accumsan tortor tempus vel. Duis vel ligula leo. In lectus ante, sollicitudin ut gravida id, vehicula ut arcu. Integer placerat dolor non orci scelerisque semper.

Number of tabs

Use only 3-5 tabs.


  • Use at least an icon with optional label.
  • Labels should be short, mostly one word.
  • Icons should have clear meaning to the user


  • Props
  • Styled Functions

Array of JavaScript objects to describe the tabs to show. See above example.

© 2021, Made with ❤️
by ADAPT @ Bain & Company
Privacy Policy