Animated List
A list that animates each item in sequence with a delay. Used to showcase notifications or events on your landing page.
Preview
Code
// components/ui/animated-list-demo.tsx
Installation
CLI
# Install command here
Manual
# Manual install command here
Usage
// Usage code here
Props
Animated List
| Prop | Type | Default | Description |
|---|---|---|---|
className |
string |
- |
The class name for the component |
delay |
number |
1000 |
The delay between each item in ms |
Payment Notifications
- 💸 Payment received · 15m ago
- 🗞️ New event · 2m ago
- 💬 New message · 5m ago
- 👤 User signed up · 10m ago