API reference

Table

Present exact lookup values or a structured comparison.

presentation.tsx

<Table id="owners" x={9} y={28} w={82} h={48} cells="Market|Signal|Owner;North|Rising|Ava" fontSize={12} />

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.
Table	cells	string	Yes	Cell data: pipes separate columns and semicolons separate rows.
	rows	number	—	Number of rows, from 1 through 50.
	columns / cols	number	—	Number of columns, from 1 through 50.
	columnLabels / rowLabels	string	—	Serialized labels for columns or rows.
	columnWidths / rowHeights	string	—	Serialized fractional track sizes.
	cellOverrides	JSON string	—	Per-cell visual overrides created by Workbench.
	fontFamily / fontSize / fontWeight	string \| number	—	Table type styling; fontSize is in points.
	color / textColor	color string	—	Table text color.
	background / backgroundColor / bg	color string	—	Table background color.
	cellBackground / stripeBackground	color string	—	Cell fill and alternating-row fill.
	borderColor / borderWidth / borderStyle	color \| number \| solid \| dashed \| dotted	—	Table border styling.
	textAlign / textVerticalAlign	left \| center \| right / top \| middle \| bottom	—	Cell alignment.
	cellPaddingX / cellPaddingY	number	—	Horizontal and vertical cell padding in pixels.

Required syntax

Use id, x, y, w, h, and cells. cells uses pipes between columns and semicolons between rows.

Formatting

Use rows, columns, fontSize, fontWeight, background, cellBackground, stripeBackground, borderColor, and borderWidth when needed. Tables are best for values people must inspect precisely.