DocsPage: Add subcomponents parameter

[enagy27]

Issue: #7811

What I did

Added subcomponents parameter to DocsPage to allow named props tables

How to test

• Is this testable with Jest or Chromatic screenshots? Yes, TODO
• Does this need a new example in the kitchen sink apps? Yes, TODO
• Does this need an update to the documentation? Yes, TODO

[vercel]

This pull request is being automatically deployed with ZEIT Now (learn more).
To see the status of your deployment, click below or on the icon next to each commit.

🔍 Inspect: https://zeit.co/storybook/monorepo/hn5ysj1oj
🌍 Preview: https://monorepo-git-fork-enagy27-addon-docs-subcomponents.storybook.now.sh

[shilman]

@domyen So I tried this out in a simple example and realized that it needs some design. Here's what the simple example looks like:

And here's a real-world example from evergarden-ui/evergarden#6 that I think is pretty representative. This Alert component also has AlertIcon, AlertTitle, AlertDescription subcomponents which are not currently shown:

cc @enagy27 @patricklafrance @Aaron-Pool

[patricklafrance]

@shilman here's how we solved this problem in our design system:

The code is available here:

https://github.com/gsoft-inc/sg-orbit/tree/storybook-docs/storybook/stories/components/props-tabs

https://raw.githubusercontent.com/gsoft-inc/sg-orbit/storybook-docs/packages/react-components/components/date-picker/stories/date-range-picker.stories.mdx

[shilman]

@enagy27 This ended up getting fixed in #8855, so I'm going to close this. Thanks so much for taking the initiative on this -- I'll include your work in the release post, even tho the code itself didn't make it in!

[enagy27]

@shilman sounds great! I’m just glad to have it, thanks for the heads up 😄