[Bug]: Autodocs "union" type · storybookjs/storybook#25305

(9 留言) (1 反應) (0 負責人)TypeScript (89,909 star) (10,058 fork)batch import

argtypesbughelp wantedreacttypescript

描述

Describe the bug

I have defined some props on the component with union. For example:

export interface MyComponentProps { title: string; subtitle?: string | undefined; }

I wrote a story for my component, added "autodocs" to tags and Storybook generated controls but for prop subtitle I got type union. I expected to see string | undefined.

To Reproduce

Add prop type for example string | undefined.

System

storybook: 7.6.5 @storybook/vue3: 7.6.5 @storybook/vue3-vite: 7.6.5

Additional context

No response

貢獻者指南

技術棧: vuetypescript
領域: documentation
議題類型: bug
難度: 3
預計時間: half day
活動狀態: active
清晰度: clear
前置要求: Basic knowledge of TypeScript typesFamiliarity with Storybook autodocsVue component basics
新手友善度: 65
研究方向: Investigate how the Storybook autodocs system renders union types like 'string | undefined'. The issue suggests that it currently outputs 'union' instead of the actual type. Look at the type renderer in the autodocs addon (likely components related to PropRow or ArgTable) to see how it resolves union types. Check if there's a missing case in the type mapping. See comments for any additional clues.