1# Bottom Tab
2
3Bottom tabs, as a common navigation component, allow users to quickly access different functions of an application.
4
5![2_en-us_image_0000001568412805.png](figures/2_en-us_image_0000001568412805.png)
6
7
8## How to Use
9
10- Use bottom tabs only on level-1 screens to provide quick switch between different tab pages.
11
12- Place bottom tabs at the bottom of the screen to reflect the level-1 categories of an application. These categories are presented in an equal manner. This practice allows users to perform actions with one hand.
13
14- Use the combination of an icon and a text for each bottom tab. When users touch a tab, the tab is activated and highlighted.
15
16- Use a siderbar rather than bottom tables on tablets in landscape mode so that your users can perform actions with both hands.
17
18- Use concise text on each bottom tab.
19
20
21- Use two to five bottom tabs to avoid an overwhelming layout.
22
23- Use badges on bottom tabs to notify users of new unread information. For details, see [Badges](multimodal-badge.md).
24
25
26![4_en-us_image_0000001517612876.png](figures/4_en-us_image_0000001517612876.png)
27
28
29## Resources
30
31For details about the development guide related to the bottom tab, see [Tabs](../../application-dev/reference/arkui-ts/ts-container-tabs.md) and [TabContent](../../application-dev/reference/arkui-ts/ts-container-tabcontent.md).
32