Bottom Tab bar

What is tab bar?

Tab bar is located in the bottom of the mobile screen which is mostly used to show the most important action pages(webpages) to users. Those are the basic navigation pages in you app.

How to design Tab bar?

Select Style

select the style of bottom bar menu.

Selected color

This color will be applied to the title of the tab which is currently selected/active. For example, here in the image it's "Home" screen.

Unselected color

This color will be applied to the title of the tab which is currently unselected/de-active. For example, here in the image it's "Shop, Cart & Account" screen.

Selected Font Style

Allows you to apply a custom font to the selected tab text.

• Available only for Premium plans

• Helps differentiate the active tab visually

Unselected Font Style (Premium)

Select a font style for unselected tab labels.

• Useful for maintaining typography consistency across tabs

Background color

This will change tab bar background color. Here in the image it's white, you can change it to any other color to match your brand color.

Tab Icon Height & Width

This is the size of icons of bottom tabs. Default is 25 * 25 px.