AuditLog

Radix

A SaaS composite for viewing audit trail entries. Renders a Card with a ScrollArea of entries, each showing actor Avatar, action Badge (color-coded by verb), description, and timestamp. Supports Select-based filtering by action/resource and SimpleCollapsible metadata display.

SaaSauditlogactivityhistoryadminsaas

Audit log with filters

import { AuditLog } from '@primstack/ui/audit-log'

<AuditLog
  entries={[
    {
      id: '1',
      actor: { name: 'Jane Doe', email: '[email protected]' },
      action: 'create',
      resource: 'project',
      description: 'Created project "Acme"',
      timestamp: '2024-01-15T10:30:00Z',
    },
  ]}
  showFilters
  showMetadata
/>

Filtered log

import { AuditLog } from '@primstack/ui/audit-log'

<AuditLog
  entries={auditEntries}
  filters={{ resource: 'api_key' }}
/>

Related Components

Card

Composable container with header, content, and footer slots.

data-displaycontainersurface

Avatar

User avatar with image, fallback initials, and size variants.

data-displayuserprofile

Badge

Small status label with color variants.

data-displaylabelstatus

Select

Accessible select menu built on Radix UI.

form-inputsformdropdown

Collapsible

Show/hide content with a trigger toggle.

layouttoggleexpand

ScrollArea

Custom-styled scrollable area with thin scrollbars.

layoutscrolloverflow