EnterUI
DocsComponentsThemesExamplesDonation
Get Started
      • ActivityFeed
      • ActivityTimeline
      • CommentThread
      • TimelineDetail

Default usage

  1. EnterUI
  2. /Docs
  3. /Product Operations
  4. /Feedback and Status
  5. /Activity
  6. /ActivityFeed
Updated 3 October 2026

ActivityFeed

Timeline-style ordered events for audit and workflow history.

ActivityFeed renders chronological events with a restrained marker and optional metadata.

#Default usage

Activity feed

Use for audit trails, release logs, and workflow history.

  1. Published @froggdesign/theme.
    2 minutes ago
  2. Updated EnterUI documentation.
    Today
  3. Merged release checklist.
    Yesterday
Code
<ActivityFeed>
  <ActivityFeedItem meta="2 minutes ago">Published @froggdesign/theme.</ActivityFeedItem>
  <ActivityFeedItem meta="Today">Updated EnterUI documentation.</ActivityFeedItem>
  <ActivityFeedItem meta="Yesterday">Merged release checklist.</ActivityFeedItem>
</ActivityFeed>

#Import

Code
import {
  ActivityFeed,
  ActivityFeedItem,
  Timeline,
  TimelineItem,
} from "@froggdesign/enter-ui-react";

#Variants

Timeline alias

Timeline and TimelineItem are aliases for teams that prefer timeline language.

  1. Build started.
    09:00
  2. Build completed.
    09:04

#Accessibility

ActivityFeed renders an ordered list. Keep event copy concise and place timestamps or actors in meta so chronology remains easy to scan.

#API

  • ActivityFeed supports native ordered-list props and className.
  • ActivityFeedItem supports meta plus native list-item props.
  • Timeline and TimelineItem are aliases.

#Styling

Every exported component accepts className when it renders an element. EnterUI styles use .eui-* classes and --eui-* variables mapped from FroggDesign theme tokens.

PreviousEmptyState
NextActivityTimeline
On this page
  • Default usage
  • Import
  • Variants
  • Accessibility
  • API
  • Styling