Audit Log Entry

Individual audit log entry display

SaaSTenant Admin

Overview

AuditLogEntry displays a single audit trail record with a collapsible detail panel. The collapsed view shows the action type, actor email, timestamp, and a success/failure icon. Expanding reveals full details including target information and arbitrary metadata key-value pairs.

Usage

import { AuditLogEntry } from "@leanicon/web-builder-library/saas";

<AuditLogEntry
  entry={{
    id: "log_001",
    actorEmail: "[email protected]",
    actionType: "user.invite",
    targetType: "User",
    targetId: "usr_789",
    result: "success",
    metadata: { role: "member" },
    createdAt: "2026-03-20T09:14:00Z",
  }}
  isExpanded={false}
  onToggleExpand={() => setExpanded((v) => !v)}
/>;

Variants

Default

Dark

Expanded

Action:
user.invite
Target:
User (usr_789)
Result:
success
Timestamp:
3/20/2026, 9:14:00 AM
Metadata:
invitedEmail:
[email protected]
role:
member

Failure

Props

NameTypeDefaultRequiredDescription
entryAuditLogEntryData—Yes
isExpandedboolean—Yes
onToggleExpand() => void—Yes