For the complete documentation index, see llms.txt. Markdown variants are available by appending .md to any URL or sending an Accept: text/markdown header. An agent skill is available at /.well-known/agent-skills/site-skill.md.
0
Sponsor

Image Slide

A slide for displaying images with stretch, contained, or full-bleed modes.

Product screenshot

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

PropTypeDefaultDescription
srcstringrequiredImage source URL
altstringrequiredImage alt text
captionstring-Caption text
mode"stretch" | "contained" | "full-bleed""contained"Display mode
notesstring-Speaker notes