控件的嵌套对象中的 argTypes

aLx*_*450 6 storybook

我正在尝试从旋钮迁移到控件,但在处理嵌套对象时遇到了问题。

举个例子,假设我有一个像这样的对象作为组件的道具......

object : {
 properties: {
   color: 'black',
   size: '1'
 }
}
Run Code Online (Sandbox Code Playgroud)

该项目对故事文件使用 .tsx 扩展名,目前没有 MDX。我尝试访问像这样的嵌套属性来自定义它们的控件...

Card.argTypes = {
 object: {
  properties: {
   color: {control: {type: 'color'}},
   size: {control: {type: 'range', options:{min:1,max:5,step:1}}}
  }
 }
}
Run Code Online (Sandbox Code Playgroud)

但您可能会同意,该控件仍然是一个对象字段,其中包含整个 JSON,这对用户不友好。

有没有办法访问对象以控制其嵌套属性?考虑到项目的规模,我无法四处展平组件中的所有对象及其道具。

谢谢!

tre*_*mby 5

目前还没有。

目前有一个针对 6.2 版本的未解决问题。