GitHub/storybook
1
0
Fork 0
mirror of https://github.com/storybookjs/storybook.git synced 2025-04-04 11:11:06 +08:00
Code Issues Packages Projects Releases Wiki Activity

Merge pull request #12164 from storybookjs/12138-html-fix-inline-rendering

Browse Source 
Addon-docs: Fix inline rendering for DOM nodes in HTML
This commit is contained in:
Michael Shilman 2020-08-20 18:21:27 +08:00 committed by GitHub
commit ff5f4804de
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 8 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
addons/docs/src/frameworks/html/config.tsx
View File

@ -4,9 +4,13 @@ import { StoryFn } from '@storybook/addons';
export const parameters = { export const parameters = {
docs: { docs: {
inlineStories: true, inlineStories: true,
prepareForInline: (storyFn: StoryFn<string>) => ( prepareForInline: (storyFn: StoryFn<string>) => {
const html = storyFn();
if (typeof html === 'string') {
// eslint-disable-next-line react/no-danger // eslint-disable-next-line react/no-danger
<div dangerouslySetInnerHTML={{ __html: storyFn() }} /> return <div dangerouslySetInnerHTML={{ __html: html }} />;
), }
return <div ref={(node) => (node ? node.appendChild(html) : null)} />;
},
}, },
}; };