Components

Dashboard overview
Installation
$ pnpm dlx shadcn@latest add @slidecn/image-slide
Usage
import ImageSlide from "@/components/slides/image-slide";
function MyPresentation() {
return (
<Deck>
<ImageSlide
src="/images/product.png"
alt="Product screenshot"
mode="full-bleed"
caption="Dashboard overview"
/>
</Deck>
);
}API Reference
ImageSlide
| Prop | Type | Default | Description |
|---|---|---|---|
src | string | required | Image source URL |
alt | string | required | Image alt text |
caption | string | - | Caption text |
mode | "stretch" | "contained" | "full-bleed" | "contained" | Display mode |
notes | string | - | Speaker notes |