Components
Agenda
- Introduction
- Core concepts
- Live demo
Installation
$ pnpm dlx shadcn@latest add @slidecn/list-slide
Usage
import ListSlide from "@/components/slides/list-slide";
function MyPresentation() {
return (
<Deck>
<ListSlide
title="Next Steps"
ordered
animation="fade-up"
items={[
{ text: "Review proposal", subtext: "Due Friday" },
{ text: "Schedule kickoff", subtext: "Next Monday" },
]}
/>
</Deck>
);
}API Reference
ListSlide
| Prop | Type | Default | Description |
|---|---|---|---|
title | string | - | Slide heading |
items | ListItem[] | required | List items |
ordered | boolean | false | Use ordered list |
animated | boolean | false | Enable fragment animations |
animation | FragmentAnimation | - | Fragment animation type |
notes | string | - | Speaker notes |
ListItem
| Field | Type | Description |
|---|---|---|
text | string | Main text |
subtext | string | Secondary text |