GitHub/storybook
1
0
Fork 0
mirror of https://github.com/storybookjs/storybook.git synced 2025-03-20 05:02:37 +08:00
Code Issues Packages Projects Releases Wiki Activity

Addon-docs: Fix custom source manual override

Browse Source
This commit is contained in:
Michael Shilman 2020-05-04 17:16:36 +08:00
parent eac63d4178
commit c79904302b
2 changed files with 14 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
addons/docs/src/blocks/Source.tsx
View File

@ -41,7 +41,7 @@ export const getSourceProps = (
source = targetIds
.map((sourceId) => {
const data = storyStore.fromId(sourceId);
const enhanced = data && enhanceSource(data);
const enhanced = data && (enhanceSource(data) || data.parameters);
return enhanced?.docs?.source?.code || '';
})
.join('\n\n');

14
examples/html-kitchen-sink/stories/addon-docs.stories.mdx
View File

@ -28,11 +28,23 @@ How you like them apples?!
## Custom source
<Preview>
<Story name="custom source" height="100px" parameters={{ docs: { source: { code: 'hello' }}}}>
<Story name="custom source" height="100px" parameters={{ docs: { source: { code: 'hello' } } }}>
{'<h1>Custom source</h1>'}
</Story>
</Preview>
## Transformed source
<Preview>
<Story
name="transformed source"
height="100px"
parameters={{ docs: { transformSource: (src) => `transformed: ${src}` } }}
>
{'<h1>Some source</h1>'}
</Story>
</Preview>
## Story reference
You can also reference an existing story from within your MDX file.