> For the complete documentation index, see [llms.txt](https://docs.flipabit.dev/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.flipabit.dev/layers/navigation-layer/display-tab-bar.md).

# Display Tab bar

## Tabs

A tab bar is a good way to flatten your information hierarchy and provide access to several peer information categories or modes at once.

<div align="left"><img src="/files/-MIxukRJ0Jvmds2xGL4o" alt=""></div>

## iOS tabs

<div align="left"><img src="/files/-MIxukOZ7Av07noWOnXq" alt=""></div>

To add iOS-like tabs to existing project:

1. Select Navigation layer in Navigator
2. Select File > Import
3. Open `TabsIOS.pmc` file from components folder
4. Tab Bar group will be added

To create new project with iOS-like tabs:

1. Select File > New
2. Open Templates tab
3. Select Tabbed project in iOS section

## Android tabs

To add Android-like tabs to existing project:

1. Select Navigation layer in Navigator
2. Select File > Import
3. Open `TabsAndroid.pmc` file from components folder
4. Tab Bar widget will be added

To create new project with Android-like tabs:

1. Select File > New
2. Open Templates tab
3. Select Tabbed project in Android section