EEnterUI
DocsComponentsThemesDonation
Get Started
      • ActivityFeed
      • ActivityTimeline
      • CommentThread
      • TimelineDetail
EnterUIDocsProduct OperationsFeedback StatusActivityActivityFeed
Product OperationsUpdated 6 May 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

  1. Default usage
  2. Import
  3. Variants
  4. Accessibility
  5. API
  6. Styling