如何在Storybook Controls中默认折叠对象控件？

我查阅了React版Storybook的文档，但未找到如何让参数的object控件默认显示为折叠状态，而非手动折叠。以下是我的尝试代码（其中collapsed: true配置无效）：

data: {
    control: { type: 'object' },
    table: { defaultValue: { summary: 'Object' } },
    collapsed: true, // 我想知道是否有此类配置
},

解决方案 #

Storybook的Controls面板针对Object/Array类型控件提供了expanded配置项，将其设置为false即可实现默认折叠效果，而非你尝试的collapsed字段。

正确配置代码如下：

argTypes: {
  data: {
    control: { type: 'object' },
    table: { defaultValue: { summary: 'Object' } },
    expanded: false, // 设置为false使控件默认折叠
  },
},

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