ComponentsDeck
ClosingSlide
A centered dark-themed closing slide with staggered text entrance animations.
Features
- Centered dark theme — high-contrast closing statement
- Staggered text entrance — tagline, subtitle, and body animate in sequence
- Customizable tagline and body — adapt to any presentation context
Installation
npx visor add deck-closing-slideUsage
import { ClosingSlide } from '@/components/deck/closing-slide/closing-slide';
export default function Example() {
return (
<ClosingSlide
tagline="Thanks for watching."
subtitle="Low Orbit Studio"
body="Get in touch at hello@loworbitstudio.com"
/>
);
}API Reference
| Prop | Type | Default | Description |
|---|---|---|---|
id | string | "s-close" | Unique slide identifier |
tagline | string | "Thank you." | Large heading text |
subtitle | string | — | Text below the tagline |
body | string | — | Body text below the subtitle |
extra | ReactNode | — | Additional content below the body |
className | string | — | Additional CSS class |