nuxt-x-app
Activity
Activity log component for recording and displaying chronological events.
Activity
Activity log components for displaying chronological event feeds in dashboards.
Components
<XAActivityLog />
Renders a chronological list of activity events with user avatars, timestamps, and action descriptions.
<XAActivityLog :items="activities" />
Props
| Prop | Type | Default | Description |
|---|---|---|---|
items | ActivityItem[] | [] | Array of activity events to display |
loading | boolean | false | Show loading skeleton |
emptyText | string | 'No activity yet' | Text when no items |
Types
interface ActivityItem {
id: string
user: { name: string; avatar?: string }
action: string
target?: string
timestamp: string | Date
icon?: string
color?: string
}
AI Context
component: XAActivityLog
package: "@xenterprises/nuxt-x-app"
auto-import: true
prefix: XA
use-when: Displaying chronological activity feeds, audit trails, or event histories in admin dashboards
data-shape:
items: ActivityItem[]
- id: string (required)
- user.name: string (required)
- action: string (required)
- timestamp: string|Date (required)
- user.avatar: string (optional)
- target: string (optional)
- icon: string (optional, heroicons name)
- color: string (optional, tailwind color)