eo-tab-list
<eo-tab-list>Alias:
<containers.tab-list>通用 Tab 容器。
Examples
Tabs
Type & Disabled
With Badge
ActivePanel & Extra
No Outline
Panel Color
Content Style
Auto Paly
Properties
| Name | Description | Type | Default | Required |
|---|---|---|---|---|
type | 样式类型 | TabType | "default" | |
tabs | 标签页列表 | Array<TabItemProps | string> | ||
activePanel | 激活状态 tab 的 panel | string | ||
contentStyle | 内容样式 | React.CSSProperties | ||
outline | 轮廓。默认情况下，使用阴影，8.2 下默认则为无轮廓。 该属性对 panel 类型无效（其始终无轮廓）。 | TabsOutline | "default" | |
autoPlay | 是否开启标签内容自动轮播 | boolean | false | |
autoSpeed | 轮播的时间间隔，单位 ms | number | 3000 |
Slots
| Name | Description |
|---|---|
extra | 头部插槽 |
| (default) | [panel] - Tab 页插槽 |
Events
| Name | Description | Event Detail |
|---|---|---|
tab.select | 选择 tab 时触发 | string - panel |
Type references
TabItemProps
| Name | Type | Required | Description |
|---|---|---|---|
type | TabType | ||
text | string | ||
panel | string | ✅ | |
icon | GeneralIconProps | ||
disabled | boolean | ||
hidden | boolean | ||
active | boolean | ||
badgeConf | BadgeProps | ||
panelColor | string |
TabType
"default" | "panel" | "capsule" | "text"TabsOutline
"shadow" | "none" | "default"