Overview

Use this component to add a footer to your slides. The default footer shows the slide number, a hint to navigate, and a link to the website. You can customize it to show only the elements you want.

Installation

pnpm dlx shadcn@latest add @slide-cn/slide-footer

npx shadcn@latest add @slide-cn/slide-footer

yarn dlx shadcn@latest add @slide-cn/slide-footer

bunx --bun shadcn@latest add @slide-cn/slide-footer

Demo

Usage

The slide compoonent already has a footer by default. You can customize it by passing your own footer component, or by modifying the footer component directly.

<Slide background={<PixelSnow />} footer={<SlideFooter showAdd={true} />}>
  <TitleSlideComponent />
</Slide>

Reference