Components
Comparison
Column A
Column B
Installation
$ pnpm dlx shadcn@latest add @slidecn/split-slide
Usage
import SplitSlide from "@/components/slides/split-slide";
function MyPresentation() {
return (
<Deck>
<SplitSlide
title="Comparison"
left={<div>Column A</div>}
right={<div>Column B</div>}
ratio="left-wide"
divider
/>
</Deck>
);
}API Reference
SplitSlide
| Prop | Type | Default | Description |
|---|---|---|---|
title | string | - | Slide heading |
left | ReactNode | required | Left column content |
right | ReactNode | required | Right column content |
ratio | "equal" | "left-wide" | "right-wide" | "equal" | Column width ratio |
divider | boolean | - | Show a vertical divider |
notes | string | - | Speaker notes |