如何移除Storybook Controls面板中的“Setup controls >”链接？

要实现只展示属性描述、移除hover时的操作链接，可通过以下两种方式配置：

1. 单个组件的argTypes配置 #

在组件的Story文件中，针对目标属性结合control: false添加table: { disableActions: true }配置：

export default {
  title: 'Components/YourComponent',
  component: YourComponent,
  argTypes: {
    // 示例：禁用属性控件并移除操作链接
    targetProp: {
      control: false,
      description: '这里是该属性的描述文本',
      table: {
        disableActions: true,
      },
    },
  },
};

2. 全局统一配置（适用于所有组件） #

如果希望所有未设置控件的属性都默认移除操作链接，可在.storybook/preview.js中添加全局参数：

export const parameters = {
  controls: {
    // 全局禁用无控件属性的操作链接
    disableActions: true,
  },
};

配置完成后，Controls标签页中对应属性的control列只会显示“-”，鼠标hover时不会再出现操作链接，同时保留属性的描述信息展示。

内容的提问来源于stack exchange，提问作者LorDex