如何解决故事书:在 mdx 中使用 argtypes 没有控制权
我用 .mdx 编辑我的故事书,但出了点问题!
我的代码如下:
<!---Badge.stories.mdx --->
import { Meta,Story,Canvas,ArgsTable } from '@storybook/addon-docs/blocks';
import Badge from '../components/Badge';
<Meta
title="MDX/Badge"
component={Badge}
argTypes={{
size: {
name: 'size',description: 'Badge Size ',options: ['large','small'],control: {type: 'radio'},table: {
type: {summary: 'string'},defaultValue: { summary: 'large' }
}
}
}}
/>
export const Template = (args) => <Badge {...args } >信息</Badge>
# Badge
<Canvas>
<Story name="Example" args={{
size: 'large',dot: false,text: '5',overflowCount: '99'
}}>
{Template.bind({})}
</Story>
</Canvas>
### API
<ArgsTable of={Badge} />
我在故事书中看不到控制。
但如果我用 **.stories.js
写我的故事,一切都好!
有人可以帮我吗? 谢谢!
解决方法
您必须在故事名称中添加 story
道具而不是 of
。
<Canvas withSource="open">
<Story name="Basic usage">{Template.bind({})}</Story>
</Canvas>
<ArgsTable story="Basic usage" />
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。