A StackBlitz embed allows you to display our editor with your code into sites for documentation, blog posts, and any sites that support embedded content. By using the StackBlitz SDK, you can customize your embed to display the editor, preview, file explorer, and more.
Create a new project and get the embed code from the 'Share' dropdown link in the top navigation like so:
Paste the embed code in any iframe:
Below is the list of supported query parameters you can specify in the embed URL to customize the embed's appearance and functionality:
|File path||The default file to have open in the editor|
|Force embed view regardless of screen size|
|Hide file explorer pane in embed view|
|Hide the browser navigation UI|
|Require user to 'click to load' the embed|
|Which view to open by default|
|Hide the debugging console in the editor preview|
|Set the height of the debugging console in the editor preview|
|URL path||The initial URL path (URI encoded) the preview should open|
If you want to embed content in Medium, simply take your project URL (i.e. https://stackblitz.com/edit/angular) and paste it. After you hit enter, it should automatically become an embed.