1# Tabs<a name="EN-US_TOPIC_0000001180157673"></a> 2 3### Introduction<a name="section104mcpsimp"></a> 4 5This sample shows how to use the **<tabs\>** component. You can use **<tab-bar\>** to set tags and **tab-content** to set the content to be displayed on each tab page. If the number of tags is the same as the number of tab pages, the tags are bound to the tab pages in sequence. 6 7### Usage<a name="section107mcpsimp"></a> 8 9On the home screen of the sample app, touch the tabs at the bottom or swipe left or right on the tab bar to switch between the tab pages. 10 11### Constraints<a name="section110mcpsimp"></a> 12 13This sample can only be run on standard-system devices. 14 15