AuditLog

AuditLog is a focused timeline for activity / history feeds. Use it for audit logs, change history, or activity panes. For a more decorative timeline, use Timeline / ActivityFeed.

#Default usage

<AuditLog
  events={[
    { id: "e1", kind: "create", title: "Workspace created", actor: "Wandi", timestamp: "2 days ago" },
    { id: "e2", kind: "update", title: "Settings updated", description: "Changed billing email", timestamp: "Today" }
  ]}
/>

#Import

import { AuditLog, type AuditLogEvent } from "@froggdesign/enter-ui-react";

#Accessibility

AuditLog renders an ordered list (<ol>) so screen readers announce the position. Timestamps use <time> elements; pair with ISO strings via dateTime if you need machine-readable values.

#API

• events: array of AuditLogEvent (id, title, optional kind, actor, timestamp, description).
• dense: tighter typography for inspector / sidebar panels.

#Styling

The default layout uses compact event rows with a subtle divider, a small marker, a title, and optional metadata. The first event receives a stronger neutral marker, so pass events newest-first for a recent-activity feed. kind stays aligned to the end of each row when space allows. Use dense in narrower inspector panels. Every exported component accepts className. EnterUI styles use .eui-* classes and --eui-* variables mapped from FroggDesign theme tokens.