tab-bar
<tab-bar> is a child component of <tabs> and is used to provide the area to display tab labels. Its child components are horizontally arranged.
Required Permissions
None
Child Components
Supported
Attributes
In addition to the attributes in Universal Attributes, 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. |
Styles
Styles in Universal Styles are supported.
Events
Events in Universal Events are supported.
Methods
Methods in Universal Methods are supported.
Example
For details, see the tabs example code.