bennypowers/codesandbox-button

Custom Element that Shows a CodeSandbox demo when you click on it.

codesandbox-button.js:

class: CodesandboxButton, codesandbox-button

Superclass

Name	Module	Package
LitElement		lit

Fields

Name	Privacy	Type	Default	Description	Inherited From
fontSize		number	14	font size
hideNavigation		boolean	false	when true, hides navigation in the iframe
sandboxId		string		five-character id of your sandbox
showDemo		boolean	false	when true, shows the CodeSandbox instead of the button
module		string		path to the default module to display
theme		'light'|'dark'	'dark'
view		'editor'|'preview'

Attributes

Name	Field	Inherited From
font-size	fontSize
hide-navigation	hideNavigation
sandbox-id	sandboxId
show-demo	showDemo
module	module
theme	theme
view	view

Private API

Methods

Name	Privacy	Description	Parameters	Return	Inherited From
getIframeSrc	private
onClick	private

---

Exports

Kind	Name	Declaration	Module	Package
js	CodesandboxButton	CodesandboxButton	codesandbox-button.js
custom-element-definition	codesandbox-button	CodesandboxButton	codesandbox-button.js