Back to docs
Animation
Stagger List
Applies staggered reveal to list children.
Install
npx shadcn@latest add @native-bits/stagger-listDependencies
react-native-reanimated
animationsequencemobile
Props
| Prop | Type | Default | Description |
|---|---|---|---|
| children | ReactNode[] | - | List rows |
| staggerDelay | number | 80 | Delay between rows |
| duration | number | 420 | Per-item duration |
Usage
```tsx
import { stagger-list } from '@/components/native-bits/stagger-list'
<StaggerList staggerDelay={80}>
{items.map(renderItem)}
</StaggerList>
```Source code
Loading...