Components
- First point
- Second point
- Third point
Installation
$ pnpm dlx shadcn@latest add @slidecn/fragment-list
Usage
import FragmentList from "@/components/slides/fragment-list";
function MyPresentation() {
return (
<Deck>
<FragmentList
as="ul"
animation="fade-up"
stagger
items={[
<span>First point</span>,
<span>Second point</span>,
<span>Third point</span>,
]}
/>
</Deck>
);
}API Reference
FragmentList
| Prop | Type | Default | Description |
|---|---|---|---|
items | ReactNode[] | required | List items |
as | "ul" | "ol" | "ul" | List type |
animation | FragmentAnimation | "fade-up" | Fragment animation |
stagger | boolean | false | Stagger indices |