API reference

Svg

Place a verified, script-free SVG asset as a native layer.

presentation.tsx

<Svg id="brand-mark" x={8} y={82} w={8} h={8} src="assets/mark.svg" />

Props reference

Keep these values literal and serializable so Canvas, Inspector, validation, and export can process them reliably.

API	Property	Type / values	Required	Description
Shared native-layer props	id	string	Yes	Stable, unique layer identifier. Required for every visible native layer.
	x	number	Yes	Left position as a percentage of the slide canvas.
	y	number	Yes	Top position as a percentage of the slide canvas.
	w	number	Yes	Frame width as a percentage of the slide canvas.
	h	number	Yes	Frame height as a percentage of the slide canvas.
	groupId	string	—	Groups native children without adding a wrapper element.
	groupName	string	—	Human-readable name for a group in Workbench.
	sharedId	string	—	Matches the same layer type across adjacent Morph slides; unique within each slide.
	rotation	number	—	Clockwise rotation in degrees.
	opacity	number	—	Layer opacity from 0 to 1.
	motion	JSON string	—	Versioned declarative action sequence. Keep a complete static final frame.
	interaction	JSON string	—	Versioned click interaction for slide navigation or a link.
Svg	src	string	Yes	Script-free local SVG asset path.
	stage	number	—	SVG animation stage index.
	stageDuration	number	—	SVG stage duration in seconds.
	easing	string	—	Easing for the SVG stage.
	sharedScene	string	—	Optional scene key shared across slides.

Required syntax

Use id, x, y, w, h, and a relative src under assets/. SVG files must be verified and script-free.

Portable asset rule

Do not supply remote executable SVG, inline Base64, or an absolute machine path. Keep the SVG beside the deck so validation and export can resolve it.