# 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. ## Permission List None ## Child Component Supported ## Attribute In addition to the attributes in [Universal Attributes](js-components-common-attributes.md), the following attributes are supported.

Name	Type	Default Value	Mandatory	Description
mode	string	scrollable	No	Extensibility of the component width. Available values are as follows: 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. fixed: The width of a child component equals the tab-bar width divided by the number of child components.

Name

Type

Default Value

Mandatory

Description

mode

string

scrollable

Extensibility of the component width. Available values are as follows:

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.
fixed: The width of a child component equals the tab-bar width divided by the number of child components.

## Style Styles in [Universal Styles](js-components-common-styles.md) are supported. ## Event Events in [Universal Events](js-components-common-events.md) are supported. ## Method Methods in [Universal Methods](js-components-common-methods.md) are supported. ## Example Code For details, see the [tabs example code](js-components-container-tabs.md#section14993155318710).