Live Feed
Live feed component for scrollable real-time updates and notifications. Automatically scrolls to new items and tracks user scroll position.
Basic Live Feed
N
New Order
05:25Order #1234 has been placed
P
Payment Received
05:25Payment of $99.99 received
U
User Registration
05:25New user registered
<.live_feed id="notifications" items={@notifications} />
With Custom Height
<.live_feed id="feed" items={@items} max_height="500px" auto_scroll={true} />
Props
| Prop | Type | Default | Description |
|---|---|---|---|
| id | string | - | Unique ID for the feed |
| items | list | [] | List of feed items with :title, :content, :timestamp, :avatar |
| auto_scroll | boolean | true | Automatically scroll to new items |