Basic Feed Timeline
- John Doe created a new project
- Jane Smith uploaded 3 files
- Mike Chen completed sprint tasks
Feed Timeline with Comments
- Luna Bonifacio commented on Issue #123
- David Kim replied to Pull Request #456
I've reviewed the changes and they look solid. Just a minor suggestion about the error handling.
Feed Timeline with Date Headers
- January 22, 2025
- 14:32Sarah Chen merged pull request #456
- 12:15Mike Johnson deployed to production
- January 21, 2025
- 18:45Emma Davis updated documentation
- 16:20Alex Rodriguez fixed critical bug in authentication
Timeline populated from database/API data
- 2 hours agoJohn Doe created a new project
- 5 hours agoJane Smith uploaded 3 files
- 1 hour agoLuna Bonifacio commented on Issue #123
Organized by date with time prefixes
- January 22, 2025
- 14:32Sarah Chen merged pull request #456
- 12:15Mike Johnson deployed to production
- January 21, 2025
- 18:45Emma Davis updated documentation
- 16:20Alex Rodriguez fixed critical bug in authentication
Usage Examples
Basic Feed Item
Feed Item with Comment
Date Header
Feed Item with Time Prefix
Best Practices
- Use
variant="feed"for activity feeds and social timelines - Include avatar images for better user recognition
- Use date headers to organize activities by day
- Add time prefixes for precise timestamps
- Use comment snippets for replies and extended content
- Link usernames and referenced items for navigation
- Keep activity descriptions concise and action-focused
This looks great! I've tested it on multiple browsers and everything works perfectly.