> ## Documentation Index > Fetch the complete documentation index at: https://docs.xpertai.cn/llms.txt > Use this file to discover all available pages before exploring further. # 选项卡 选项卡组件是以 TabGroup 为基础形式的组件, 它能以选项卡的方式组合多种其他组件进行展示. 在故事编辑界面, 点击工具栏中插入区域更多里的"**选项卡**", 在当前页面中创建一个选项卡组件. 选中此组件后在右侧属性编辑栏中对其设置进行编辑: 在选项卡配置表格区域点击**新增**按钮, 新增选项卡配置行, 配置属性如下: * **组件类型**: 单个选项卡内所使用的组件类型, 目前支持有: * **分析卡片**: 对应图形分析组件; * **分析表格**: 对应分析表格组件; * **指标卡片**: 对应指标卡片组件; * **财务报表**: 对应财务报表组件; 样式配置: 样式配置里包含通用的组件样式设置. 选项卡详细配置如下: | 名称 | 说明 | 详细信息 | | ---- | ------------- | --------------------------------------------------------------------------------------- | | 禁用涟漪 | 禁用选项卡标签上的涟漪效果 | | | 保持内容 | 保持选项卡内容组件 | 默认情况下，当内容不在屏幕上时，选项卡会从 DOM 中删除内容。将此设置为 true 将使它保持在 DOM 中，这将防止 iframes 和视频等元素下次返回视图时重新加载。 | | 颜色 | 组件的主题颜色 | | | 动画时间 | 标签动画的持续时间 | 如果没有设置单位，则将标准化为毫秒。 | | 对齐 | 标签的对齐方式 | | | 抬头位置 | 选项卡抬头的位置 | | | 禁用分页 | 是否应该禁用分页 | 如果知道不需要分页，这可以用来避免不必要的布局重新计算 | 组件的详细配置: | 名称 | 说明 | 详细信息 | | ---- | ----------- | -------------------------------------------------------- | | 标题 | 选项卡标题 | | | 组件类型 | 选项卡内展示的组件类型 | | | 详情 | 组件类型相应的详细配置 | 根据选中的组件类型进行详细的配置, 具体配置参考相应的组件类型配置. 打开编辑完后记得点击最下方**提交**按钮 | | 禁用 | 禁用此标签 | | ## 示例