Is there a way to display the key of the object of the array as props?

Is your feature request related to a problem? Please describe. Is there a way to display the key of the object of the array as props in storybook? (not just inline props definition)

Describe alternatives you’ve considered I want to show the details of the Content type in storybook props (like Content[{title: string, description: string}]), but it only displays Content[]. Is there any way?

type Content = {
  title: string;
  description: string;
};
type Props = {
  lists: Content[];
};
export const SOME_COMPONENT: FC<Props> = ({lists}) => {
  : 
  : 
};

Additional context

• storybook v6.0.18
• addons

addons: [
    '@storybook/addon-docs',
    '@storybook/addon-knobs',
    '@storybook/addon-viewport',
  ]

• loaders url-loaders, babel-loader, react-docgen-typescript-loader

[ajkl2533]

@Inhye-Cheong you can do it manually in story argTypes

story.argTypes = {
  lists: {
    table: {
      type: {
        summary: 'Content[]',  // <- this is probably not needed
        detail: `
[
  {
    title: string;
    description: string;
  }
]
        `,
      },
    },
  },
};

Then it looks like

[stale[bot]]

Hi everyone! Seems like there hasn’t been much going on in this issue lately. If there are still questions, comments, or bugs, please feel free to continue the discussion. Unfortunately, we don’t have time to get to every issue. We are always open to contributions so please send us a pull request if you would like to help. Inactive issues will be closed after 30 days. Thanks!