API reference

Slide

A complete canvas that holds native layers for one page of the deck.

presentation.tsx

<Slide id="slide-01" background="#F7F7F5" canvasWidth={1920} canvasHeight={1080} duration={5} fontSizeUnit="pt" theme="light">
  <Text id="title" x={8} y={8} w={84} h={14}>One clear claim</Text>
</Slide>

Props reference

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

API	Property	Type / values	Required	Description
Slide	id	string	Yes	Stable slide identifier.
	background	color string	—	Slide background color.
	backgroundImage	string	—	Local background image path.
	backgroundFit	cover \| contain \| fill \| scale-down	—	How a background image fills the canvas.
	canvasWidth	number	—	Target canvas width, typically 1920.
	canvasHeight	number	—	Target canvas height, typically 1080.
	fontSizeUnit	"pt"	—	Use pt so Text and Table font sizes are points.
	duration	number	—	Slide duration in seconds.
	theme	string	—	Presentation theme tone, such as light or dark.
	slideTransition	string	—	Transition to the next slide. Use morph only with compatible sharedId pairs.
	transitionDuration	number	—	Transition duration in seconds.
	morphEasing	string	—	Easing for a Morph transition.
	morphFadeUnmatched	boolean	—	Whether unmatched layers fade during Morph.
	morphShapeSoftness	number	—	Softness for compatible shape Morph.
	morphShapePrecision	number	—	Shape sampling precision for Morph.
	morphCurveX1 / morphCurveY1 / morphCurveX2 / morphCurveY2	number	—	Control points when morphEasing is custom.

Common props

Use id, background, canvasWidth, canvasHeight, duration, fontSizeUnit, and theme to establish a slide. Canvas dimensions describe the target canvas; duration is measured in seconds.

A Slide contains native layers. Keep frame values literal so Canvas and Inspector can work with them.

Slide

Props reference

Common props

Contents