[Codesandbox]: Create codesandbox examples for each individual component

[jeffchew]

The problem

There are general codesandbox examples currently, but one of the nice things about having individual examples for isolated components is that it would assist with end users that would like to know how to integrate the component(s) they are interested in in a sandbox environment. We currently do this on Carbon for IBM.com, and provide the CSB link for each component.

In addition, the integration and e2e tests are based on each individual CSB example in Carbon for IBM.com, which has proven to be very effective with upstream integration testing.

The solution

Create a codesandbox example for each individual component in carbom-web-components, and provide the link in each individual component README.

• follow-on work is managed under issue [Component README]: Update documentation to include component markup examples #755

Application/website

Carbon Web Components

Business priority

Medium Priority = upcoming release but is not pressing

What time frame would this ideally be needed by (if applicable)

No response

Examples

An example pull request in Carbon for IBM.com:
carbon-design-system/carbon-for-ibm-dotcom#7594

We run a deploy preview of the codesandbox examples:
https://webcomponents-codesandbox.s3-web.us-east.cloud-object-storage.appdomain.cloud/deploy-previews/7594/index.html

Plus also run the e2e/integration tests:
https://github.com/carbon-design-system/carbon-for-ibm-dotcom/runs/4099677969?check_suite_focus=true

Code of Conduct

• I agree to follow this project's Code of Conduct
• I checked the current issues for duplicate issues