mirror of
https://github.com/storybookjs/storybook.git
synced 2025-04-16 00:05:56 +08:00
61 lines
1.7 KiB
Plaintext
61 lines
1.7 KiB
Plaintext
// Jest Snapshot v1, https://goo.gl/fbAQLP
|
|
|
|
exports[`docs-mdx-compiler-plugin story-function-var.mdx 1`] = `
|
|
"/* @jsxRuntime classic */
|
|
/* @jsx mdx */
|
|
import { assertIsFn, AddContext } from '@storybook/addon-docs';
|
|
|
|
import { Meta, Story } from '@storybook/addon-docs';
|
|
export const basicFn = () => <Button mdxType=\\"Button\\" />;
|
|
const makeShortcode = (name) =>
|
|
function MDXDefaultShortcode(props) {
|
|
console.warn(
|
|
'Component ' +
|
|
name +
|
|
' was not imported, exported, or provided by MDXProvider as global scope'
|
|
);
|
|
return <div {...props} />;
|
|
};
|
|
const Button = makeShortcode('Button');
|
|
const layoutProps = {
|
|
basicFn,
|
|
};
|
|
const MDXLayout = 'wrapper';
|
|
function MDXContent({ components, ...props }) {
|
|
return (
|
|
<MDXLayout {...layoutProps} {...props} components={components} mdxType=\\"MDXLayout\\">
|
|
<Meta title=\\"story-function-var\\" mdxType=\\"Meta\\" />
|
|
|
|
<h1>{\`Button\`}</h1>
|
|
<p>{\`I can define a story with the function defined in CSF:\`}</p>
|
|
<Story name=\\"basic\\" mdxType=\\"Story\\">
|
|
{basicFn}
|
|
</Story>
|
|
</MDXLayout>
|
|
);
|
|
}
|
|
|
|
MDXContent.isMDXComponent = true;
|
|
|
|
export const basic = assertIsFn(basicFn);
|
|
basic.storyName = 'basic';
|
|
basic.parameters = { storySource: { source: 'basicFn' } };
|
|
|
|
const componentMeta = { title: 'story-function-var', includeStories: ['basic'] };
|
|
|
|
const mdxStoryNameToKey = { basic: 'basic' };
|
|
|
|
componentMeta.parameters = componentMeta.parameters || {};
|
|
componentMeta.parameters.docs = {
|
|
...(componentMeta.parameters.docs || {}),
|
|
page: () => (
|
|
<AddContext mdxStoryNameToKey={mdxStoryNameToKey} mdxComponentAnnotations={componentMeta}>
|
|
<MDXContent />
|
|
</AddContext>
|
|
),
|
|
};
|
|
|
|
export default componentMeta;
|
|
"
|
|
`;
|