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

Addon-docs: Added inline option to Story block (#7308)

Browse Source 
Addon-docs: Added inline option to Story block
This commit is contained in:
Michael Shilman 2019-07-05 17:51:33 +08:00 committed by GitHub
commit 5e4b7435e9
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 9 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
addons/docs/src/blocks/Story.tsx
View File

@ -7,6 +7,7 @@ import { DocsContext, DocsContextProps } from './DocsContext';
interface CommonProps {
height?: string;
inline?: boolean;
}
type StoryDefProps = {
@ -38,13 +39,15 @@ export const getStoryProps = (
const inputId = id === CURRENT_SELECTION ? currentId : id;
const previewId = inputId || toId(mdxKind, name);
const { height } = props;
const { height, inline } = props;
const data = storyStore.fromId(previewId);
const { framework = null } = parameters || {};
// prefer props, then global options, then framework-inferred values
const { inlineStories = inferInlineStories(framework), iframeHeight = undefined } =
(parameters && parameters.options && parameters.options.docs) || {};
return {
inline: inlineStories,
inline: typeof inline === 'boolean' ? inline : inlineStories,
id: previewId,
storyFn: data && data.getDecorated(),
height: height || iframeHeight,

4
examples/official-storybook/stories/addon-docs.stories.mdx
View File

@ -77,6 +77,10 @@ export const nonStory2 = () => <Button>Not a story</Button>; // another one
<Button onClick={action('clicked')}>solo</Button>
</Story>
<Story name="iframe story" inline={false} height="100px">
<>This is an iframe!</>
</Story>
<Source name="hello story" />
## Configurable height