如何在Storybook ArgTypes中指定table.type实现枚举样式展示

要实现ArgsTable里类似"small"|"medium"|"large"的枚举样式，你需要把table.type.summary设置为用|分隔的字符串，而非数组。

之前用数组的方式会被Storybook自动转成逗号分隔的文本，改成字符串形式就能达到目标枚举展示效果：

argTypes: {
  size: {
    table: {
      type: {
        summary: `"type1"|"type2"|"type3"|"type4"`
      }
    }
  }
}

配置完成后，ArgsTable中对应的类型会显示为"type1"|"type2"|"type3"|"type4"的枚举样式，与官方示例效果一致。

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