Tab 标签页

将内容按标签切换，提供线条、卡片和不同尺寸样式。

交互演示 React

亲手试一试，更容易理解。

在当前页面运行 Tab 标签页的交互示例。

交互指南

点击本页的“运行演示”，或在独立窗口中体验示例。也可在 src 下的页面中直接挂载现有演示：

tsx

import Example from "./components/Tab/index";

export default function ExamplePage() {
  return <Example />;
}

可复用的 Tab 和 TabItem 从 Tab.tsx 命名导出，目录 index.tsx 默认导出的是演示页。defaultActive 仅设置初始选择。