在mdx文件中使用Javascript
大家好,我正在构建一个设计系统的故事书,我想使用Docs和Knobs插件。我正在mdx文件中创建故事,并将第一个故事作为组件的预览,用户可以尝试在旋钮中更改不同的道具在mdx文件中使用Javascript,javascript,reactjs,storybook,Javascript,Reactjs,Storybook,大家好,我正在构建一个设计系统的故事书,我想使用Docs和Knobs插件。我正在mdx文件中创建故事,并将第一个故事作为组件的预览,用户可以尝试在旋钮中更改不同的道具 import { select } from '@storybook/addon-knobs'; const label = 'Colors'; const options = { Red: 'red', Blue: 'blue', Yellow: 'yellow', Rainbow: ['red
import { select } from '@storybook/addon-knobs';
const label = 'Colors';
const options = {
Red: 'red',
Blue: 'blue',
Yellow: 'yellow',
Rainbow: ['red', 'orange', 'etc'],
None: null,
};
const defaultValue = 'red';
const groupId = 'GROUP-ID1';
const value = select(label, options, defaultValue, groupId);
我试图使用插件文档中的实现,但它在mdx文件中不起作用。是否有人对此或其他方法有解决方案。我想用文档插件和旋钮来尝试组件的不同道具。你看到了吗?他们提到在元装饰器中包含withKnobs<代码>完美!谢谢你的帮助:)你看到了吗?他们提到在元装饰器中包含withKnobs<代码>完美!谢谢你的帮助:)