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:25

Order #1234 has been placed

P

Payment Received

05:25

Payment of $99.99 received

U

User Registration

05:25

New 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