Slide Preview Library

Reusable React component library for rendering slide thumbnails in a drawer with a full-stage slide preview.

Install

npm install @yogesharma2003/slide-preview

Usage

import { SlidePreview, type SlideData } from "@yogesharma2003/slide-preview";
import "@yogesharma2003/slide-preview/style.css";

const slides: SlideData[] = [
  {
    id: "slide-1",
    name: "Slide 1",
    content: "<div class='slide-content'><h1>Hello</h1></div>",
  },
];

export function App() {
  return <SlidePreview items={slides} theme="dark" />;
}

API

• SlidePreview props:
  • items: SlideData[]
  • theme?: "dark" | "light" (default "dark")

Build

npm install
npm run build