如何在Storybook中按类别默认折叠argsTable面板

当然可以按类别单独设置ArgsTable的默认折叠状态，Storybook提供了专门的参数配置来实现这个需求：

• 添加预览配置参数
  打开你的.storybook/preview.js文件，添加parameters.argsTable.collapsedCategories配置，填入需要默认折叠的类别名称即可。
  针对你给出的argTypes配置，要默认折叠"Higher Order Component"类别，配置示例如下：

  export const parameters = {
    argsTable: {
      collapsedCategories: ['Higher Order Component']
    }
  };
  

• 配置细节说明

  • collapsedCategories是数组格式，可同时填入多个类别名称，实现多类别默认折叠
  • 如果需要全局所有类别默认折叠，可使用defaultExpanded: false，示例：

    export const parameters = {
      argsTable: {
        defaultExpanded: false
      }
    };
    

• 验证效果
  重启Storybook后，指定的"Higher Order Component"类别会默认处于折叠状态，其他类别（比如"Utility"）则保持默认展开。

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