From 2d22ca81f5f385df7bf8a9baf42c17feec479761 Mon Sep 17 00:00:00 2001
From: Michael Shilman <michael@lab80.co>
Date: Thu, 9 Jan 2020 12:40:11 +0800
Subject: [PATCH] Official-storybook: Add prop table example for multiple named
 exports

---
 .../components/ButtonGroup.js                 | 19 +++++++++++++++++++
 .../addon-docs/addon-docs-blocks.stories.js   |  3 ++-
 2 files changed, 21 insertions(+), 1 deletion(-)

diff --git a/examples/official-storybook/components/ButtonGroup.js b/examples/official-storybook/components/ButtonGroup.js
index 01953ea10d96..c86e59ef2786 100644
--- a/examples/official-storybook/components/ButtonGroup.js
+++ b/examples/official-storybook/components/ButtonGroup.js
@@ -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),
 };
diff --git a/examples/official-storybook/stories/addon-docs/addon-docs-blocks.stories.js b/examples/official-storybook/stories/addon-docs/addon-docs-blocks.stories.js
index f995e3719061..55a593714c4b 100644
--- a/examples/official-storybook/stories/addon-docs/addon-docs-blocks.stories.js
+++ b/examples/official-storybook/stories/addon-docs/addon-docs-blocks.stories.js
@@ -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,
     },