Intro

. CodeSandbox provides instant development environments that get you up and running quickly and keep you in flow.

We provide dozens of templates to start from or the option to import your own repository or Sandbox.

The code can run on either the browser or in a virutal machine (VM).

Embedding

https://codesandbox.io/docs/learn/legacy-sandboxes/embedding

  • Show code samples with highlights (React example starter project)
<iframe
  src="https://codesandbox.io/embed/new?codemirror=1&highlights=6,7,8,9"
  style="width:100%; height:500px; border:0; border-radius: 4px; overflow:hidden;"
  allow="accelerometer; ambient-light-sensor; camera; encrypted-media; geolocation; gyroscope; hid; microphone; midi; payment; usb; vr; xr-spatial-tracking"
  sandbox="allow-forms allow-modals allow-popups allow-presentation allow-same-origin allow-scripts"
></iframe>

Material UI Demo Component

https://github.com/mui/material-ui/blob/master/docs/src/modules/components/Demo.js