1# tab-content
2
3>  **NOTE**
4>
5>  This component is supported since API version 4. Updates will be marked with a superscript to indicate their earliest API version.
6
7**<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. **\<tab-content>** does not support page scrolling. If page scrolling is required, consider nesting a list.
8
9## Required Permissions
10
11None
12
13
14## Child Components
15
16Supported
17
18
19## Attributes
20
21In addition to the [universal attributes](js-components-common-attributes.md), the following attributes are supported.
22
23| Name| Type| Mandatory| Description|
24| -------- | -------- | -------- | -------- |
25| scrollable | boolean | 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**.|
26
27
28## Styles
29
30The [universal styles](js-components-common-styles.md) are supported.
31
32
33## Events
34
35The [universal events](js-components-common-events.md) are supported.
36
37
38## Example
39
40For details, see **Example** in [tabs](js-components-container-tabs.md#example).
41