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

Official-storybook: Add prop table example for multiple named exports

Browse Source
This commit is contained in:
Michael Shilman 2020-01-09 12:40:11 +08:00
parent 94adb10df4
commit 2d22ca81f5
2 changed files with 21 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

19
examples/official-storybook/components/ButtonGroup.js
View File

@ -12,6 +12,25 @@ ButtonGroup.defaultProps = {
};
ButtonGroup.propTypes = {
/**
* Background color for the group
*/
background: PropTypes.string,
children: PropTypes.arrayOf(PropTypes.element),
};
/** SubGroup component description from docgen */
export const SubGroup = ({ background, children }) => <div style={{ background }}>{children}</div>;
SubGroup.defaultProps = {
background: '#0f0',
children: null,
};
SubGroup.propTypes = {
/**
* Background color for the sub-group
*/
background: PropTypes.string,
children: PropTypes.arrayOf(PropTypes.element),
};

3
examples/official-storybook/stories/addon-docs/addon-docs-blocks.stories.js
View File

@ -9,7 +9,7 @@ import {
} from '@storybook/addon-docs/blocks';
import { DocgenButton } from '../../components/DocgenButton';
import BaseButton from '../../components/BaseButton';
import { ButtonGroup } from '../../components/ButtonGroup';
import { ButtonGroup, SubGroup } from '../../components/ButtonGroup';
export default {
title: 'Addons/Docs/stories docs blocks',
@ -131,6 +131,7 @@ multipleComponents.story = {
parameters: {
component: ButtonGroup,
subcomponents: {
SubGroup,
'Docgen Button': DocgenButton,
'Base Button': BaseButton,
},