AnimatedList
Wraps any list of children and animates each one in with a staggered fade, slide, and scale entrance as the container enters the viewport.
Import
import { AnimatedList } from "@animui/ui";Basic
Item One
A short description for the first item.
Item Two
A short description for the second item.
Item Three
A short description for the third item.
Item Four
A short description for the fourth item.
Props
| Prop | Type | Default | Description |
|---|---|---|---|
children | ReactNode | — | List items to animate in sequence. |
delay | number | 0.1 | Stagger delay between each child in seconds. |
className | string | — | Additional classes for the container. |