1# Sidebar
2
3A sidebar provides navigation within an application on a tablet in landscape mode. It provides efficient entry operations or tab switch on landscape screens.
4
5
6## How to Use
7
8- Use sidebars on level-1 screens.
9
10- Use a proper sidebar style based on product requirements.
11
12
13## Categories
14
15- Tab navigation
16
17- List navigation
18    | ![side-bar_sub_1](figures/side-bar_sub_1.png) |![1_en-us_image_0000001517612940.png](figures/1_en-us_image_0000001517612940.png) |
19  | -------- | -------- |
20  | Tab navigation| List navigation|
21
22
23### Tab Navigation
24
25Generally, tab navigation provides quick switch between level-1 screens in an application.
26
27![tab-navigation](figures/tab-navigation.png)
28
29
30### List Navigation
31
32Generally, list navigation is used to navigate between level-1 screens of an application. It is applicable to efficiency-sensitive applications.
33
34- Navigation lists make quick navigation at deeper levels possible.
35
36- Users can customize a navigation list.
37
38- Users can delete and reorder the list items.
39
40- Users can also drag low-level content to the list for quick access.
41
42- Users can touch the **Hide** icon to hide the navigation list. Users can touch the **Show** icon to show the navigation list.
43
44
45## Resources
46
47For details about the development guide related to the sidebar, see [Tabs](../../application-dev/reference/arkui-ts/ts-container-tabs.md), [TabContent](../../application-dev/reference/arkui-ts/ts-container-tabcontent.md), and [SideBarContainer](../../application-dev/reference/arkui-ts/ts-container-sidebarcontainer.md).
48