docs(tabs): add example CodeSnippet via renderContent to story

[jendowns]

Closes #5257

Originally I thought the best way to go about solving #5257 was to use the selected prop to force a rerender, but then I noticed that the storybook already had an example of that EXACT solution using renderContent

Anyway I think it would be beneficial to include a multi-line CodeSnippet example with renderContent in the Tabs story, to demonstrate how to force a rerender when a Tab is selected for tricky content that relies on refs etc.

Also, please let me know if you'd like me to add any notes on the uses of renderContent in this context 👍 (EDIT: I did add a little note to the example though)

Changelog

New

• add CodeSnippet example to demonstrate how to use renderContent to force a rerender of tab content

Changed

• change height of tab content in story to min-height, so that the code snippet doesn't look weird when expanded in the example.

[netlify]

Deploy preview for carbon-elements ready!

Built with commit cfdba7b

https://deploy-preview-5258--carbon-elements.netlify.com

[netlify]

Deploy preview for carbon-components-react failed.

Built with commit cfdba7b

https://app.netlify.com/sites/carbon-components-react/deploys/5e38db1eaf4e6c0008a34816

[netlify]

Deploy preview for carbon-elements ready!

Built with commit 2b9e4e6

https://deploy-preview-5258--carbon-elements.netlify.com

[netlify]

Deploy preview for carbon-components-react ready!

Built with commit 2b9e4e6

https://deploy-preview-5258--carbon-components-react.netlify.com

[tw15egan]

Tiny styling issue, but other than that looks great! Thanks for taking the time to fix the issue 👍 ✅

[emyarod]

we can probably adjust the indentation here but otherwise looks good to me

[jendowns]

Hey @emyarod what indentation did you have in mind? This is what it looks like in my IDE so I'm not sure what should be adjusted?

[emyarod]

@jendowns in code it would look similar to https://github.com/carbon-design-system/carbon/blob/master/packages/react/src/components/CodeSnippet/CodeSnippet-story.js#L127-L147. my screenshot is of the output in storybook

even though it's weird in the editor, in storybook the <CodeSnippet> indentation looks like this:

[jendowns]

I'm not sure what the significance of the indentation is in this specific context, but either way: I copied the formatting of the indentation in the CodeSnippet story 👍