Skip to Content
JoyUI
JoyUI/

选项卡

下划线与胶囊两种选项卡。

下划线与胶囊两种选项卡。

安装

npx @joyui/cli add tabs --yes

或通过 JoyUI MCP / CLI 安装。

应用场景

将上方预览中的 props 换成业务文案与状态即可用于表单、工具栏或设置页。

上方预览中的文案、选项与数据均可替换为业务配置;不要复制写死的演示常量到生产。

API

Tabs
参数说明类型可选值默认值
variant下划线 / 胶囊。string——
selectedKey受控选中。Key——
className合并到根节点的额外类名。string——