Create Next App

Presentation Component

The Presentation component is the main component of the package. It receives the slides as a prop and it is the one that will handle the navigation between slides.

[slide]/layout.tsx

import { Presentation } from "presivio";
import { slides } from "../slides";

export default function SlidesLayout({
	children,
}: {
	children: React.ReactNode;
}) {
	return (
		<Presentation slides={slides}>
			{children}
		</Presentation>
	);
}

Reference

Props

Name	Type	Description	Required
`slides`	`Slide[]`	Array of slides to render	Yes
`children`	`React.ReactNode`	Children of the component	No