# 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

```tsx
// components/ui/animated-list-demo.tsx
```

## Installation

### CLI

```bash
# Install command here
```

### Manual

```bash
# Manual install command here
```

## Usage

```jsx
// 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