Product-ready timeline of audit events with title, kind badge, actor, timestamp, and description.
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.
Pass an events array with id and title; everything else is optional.
Changed billing email
<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 { AuditLog, type AuditLogEvent } from "@froggdesign/enter-ui-react";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.
events: array of AuditLogEvent (id, title, optional kind, actor, timestamp, description).dense: tighter typography for inspector / sidebar panels.Every exported component accepts className. EnterUI styles use .eui-* classes and --eui-* variables mapped from FroggDesign theme tokens.