1# tab-content 2 3**<tab-content\>** is a child component of **[<tabs\>](js-components-container-tabs.md)** and is used to provide the area for displaying the tab content. By default, its height is such that all the remaining space of the **<tabs\>** component is filled. The child components are arranged horizontally. When **<tab-content\>** is used as a child element in a container, its length along the main axis must be specified. Otherwise, it cannot be displayed. 4 5> **NOTE** 6> 7> This component is supported since API version 4. Updates will be marked with a superscript to indicate their earliest API version. 8 9 10## Required Permissions 11 12None 13 14 15## Child Components 16 17Supported 18 19 20## Attributes 21 22In addition to the [universal attributes](../arkui-js/js-components-common-attributes.md), the following attributes are supported. 23 24| Name | Type| Default Value | Mandatory| Description| 25| -------- | -------- | -------- | -------- | -------- | 26| scrollable | boolean | true | No| Whether the tabs can be switched by swiping left or right. The default value is **true**. If this attribute is set to **false**, tab switching is implemented only through the association with **tab-bar**.| 27 28 29## Styles 30 31The [universal styles](../arkui-js/js-components-common-styles.md) are supported. 32 33 34## Events 35 36The [universal events](../arkui-js/js-components-common-events.md) are supported. 37 38 39## Example 40 41For details, see **Example** in [tabs](../arkui-js/js-components-container-tabs.md#example). 42