StackBlitz

Embed StackBlitz demo in Markdown files.

Demo

A StackBlitz project

<StackBlitz id="vuepress-theme-hope" />

A StackBlitz project with custom settings

<StackBlitz id="vuepress-theme-hope" hideExplorer hideNavigation hideDevtools />

Options

idRequiredstring

StackBlitz id.

type"project" | "github"

Default"project"

Type of StackBlitz project.

widthstring | number

Default100%

Stackblitz component width.

heightstring | number

Stackblitz component height.

rationumber

Default16 / 9

Stackblitz component ratio, only valid when height is not set.

filestring[] | string

The default file to have open in the editor.

initialPathstring

The initial URL path the preview should open.

embedboolean

Embed the StackBlitz editor instead of displaying a button.

loadboolean

Whether to load the embed demo directly. Only available with embed.

theme"dark" | "light"

Default"dark"

Editor theme. Only available with embed.

textstring

Default"Open in StackBlitz"

Text to display on the button. Only available without embed.

view"default" | "editor" | "preview"

Default"preview"

Which view to open by default.

hideExplorerboolean

Hide the file explorer panel in the embed view.

hideNavigationboolean

Hide the navigation panel in the embed view.

hideDevtoolsboolean

Hide the debugging console in the editor preview.