1# tab-bar 2 3**\<tab-bar>** is a child component of **<[tabs](js-components-container-tabs.md)>** and is used to provide the area to display tab labels. Its child components are horizontally arranged. 4 5## Required Permissions 6 7None 8 9## Child Components 10 11Supported 12 13## Attributes 14 15In addition to the attributes in [Universal Attributes](js-components-common-attributes.md), the following attributes are supported. 16 17 18 19| Name | Type | Default Value | Mandatory | Description | 20| ---- | ------ | ------------- | --------- | ------------------------------------------------------------ | 21| mode | string | scrollable | No | Extensibility of the component width. Available values are as follows:<br>- **scrollable**: The width of a child component is the configured width. When the total width of all child components (including the margins) is greater than the tab-bar width, the child components can scroll horizontally.<br>- **fixed**: The width of a child component equals the tab-bar width divided by the number of child components. | 22 23## Styles 24 25Styles in [Universal Styles](js-components-common-styles.md) are supported. 26 27## Events 28 29Events in [Universal Events](js-components-common-events.md) are supported. 30 31## Methods 32 33Methods in [Universal Methods](js-components-common-methods.md) are supported. 34 35## Example 36 37For details, see the [tabs example code](js-components-container-tabs.md).