Skip to main content
We recommend that you familiarize yourselves with UI Customization Concepts before attempting to modify any components.

​
Overview

The Activity Logs Primitives API provides granular components that can be used independently to build fully custom activity log interfaces. Each primitive accepts defaultCondition to control its render visibility.

​
Common Inputs

All Activity Logs primitive components accept the following input.
React PropHTML AttributeTypeDefaultDescription
defaultConditiondefault-conditionbooleantrueWhen false, the component always renders regardless of internal state.

​
Components

​
VeltActivityLog

Root container for the Activity Log. Wraps all sub-components and provides shared context. 
<VeltActivityLog />
Props: Common inputs only (see Common Inputs section).

​
VeltActivityLogHeader

Header bar containing the title, close button, and filter controls. 
<VeltActivityLogHeader />
Props: Common inputs only (see Common Inputs section).

​
VeltActivityLogHeaderTitle

Text title displayed in the header. 
<VeltActivityLogHeaderTitle />
Props: Common inputs only (see Common Inputs section).

​
VeltActivityLogHeaderCloseButton

Button that dismisses or closes the Activity Log panel. 
<VeltActivityLogHeaderCloseButton />
Props: Common inputs only (see Common Inputs section).

​
VeltActivityLogHeaderFilter

Filter control container in the header. Composes the Trigger and Content sub-components. 
<VeltActivityLogHeaderFilter />
Props: Common inputs only (see Common Inputs section).

​
VeltActivityLogHeaderFilterTrigger

Clickable button that opens the filter dropdown. 
<VeltActivityLogHeaderFilterTrigger />
Props: Common inputs only (see Common Inputs section).

​
VeltActivityLogHeaderFilterTriggerIcon

Icon displayed inside the filter trigger button. 
<VeltActivityLogHeaderFilterTriggerIcon />
Props: Common inputs only (see Common Inputs section).

​
VeltActivityLogHeaderFilterTriggerLabel

Text label displayed inside the filter trigger button. 
<VeltActivityLogHeaderFilterTriggerLabel />
Props: Common inputs only (see Common Inputs section).

​
VeltActivityLogHeaderFilterContent

Dropdown panel listing available filter options. 
<VeltActivityLogHeaderFilterContent />
Props: Common inputs only (see Common Inputs section).

​
VeltActivityLogHeaderFilterContentItem

A single selectable row inside the filter dropdown. 
<VeltActivityLogHeaderFilterContentItem />
Props: Common inputs only (see Common Inputs section).

​
VeltActivityLogHeaderFilterContentItemIcon

Icon for a single filter dropdown row. 
<VeltActivityLogHeaderFilterContentItemIcon />
Props: Common inputs only (see Common Inputs section).

​
VeltActivityLogHeaderFilterContentItemLabel

Text label for a single filter dropdown row. 
<VeltActivityLogHeaderFilterContentItemLabel />
Props: Common inputs only (see Common Inputs section).

​
VeltActivityLogLoading

Loading state shown while activity data is being fetched. 
<VeltActivityLogLoading />
Props: Common inputs only (see Common Inputs section).

​
VeltActivityLogEmpty

Empty state shown when there are no activity entries to display. 
<VeltActivityLogEmpty />
Props: Common inputs only (see Common Inputs section).

​
VeltActivityLogList

Scrollable list container for all activity entries and date groups. 
<VeltActivityLogList />
Props: Common inputs only (see Common Inputs section).

​
VeltActivityLogListDateGroup

Groups activity entries under a shared date label. 
<VeltActivityLogListDateGroup />
Props: Common inputs only (see Common Inputs section).

​
VeltActivityLogListDateGroupLabel

Text label displaying the date for a group of activity entries. 
<VeltActivityLogListDateGroupLabel />
Props: Common inputs only (see Common Inputs section).

​
VeltActivityLogListItem

A single activity entry row in the list. 
<VeltActivityLogListItem />
Props: Common inputs only (see Common Inputs section).

​
VeltActivityLogListItemIcon

Icon representing the activity type for a list entry. 
<VeltActivityLogListItemIcon />
Props: Common inputs only (see Common Inputs section).

​
VeltActivityLogListItemAvatar

User avatar for the actor who performed the activity. 
<VeltActivityLogListItemAvatar />
Props: Common inputs only (see Common Inputs section).

​
VeltActivityLogListItemTime

Relative or absolute timestamp for an activity entry. 
<VeltActivityLogListItemTime />
Props: Common inputs only (see Common Inputs section).

​
VeltActivityLogListItemContent

Content container for the descriptive text of an activity entry. 
<VeltActivityLogListItemContent />
Props: Common inputs only (see Common Inputs section).

​
VeltActivityLogListItemContentUser

Displays the name of the user who performed the activity. 
<VeltActivityLogListItemContentUser />
Props: Common inputs only (see Common Inputs section).

​
VeltActivityLogListItemContentAction

Describes the action verb (e.g., “commented”, “resolved”) for an activity entry. 
<VeltActivityLogListItemContentAction />
Props: Common inputs only (see Common Inputs section).

​
VeltActivityLogListItemContentTarget

Displays the target object of the activity (e.g., document or element name). 
<VeltActivityLogListItemContentTarget />
Props: Common inputs only (see Common Inputs section).

​
VeltActivityLogListItemContentDetail

Additional detail or preview text for the activity entry. 
<VeltActivityLogListItemContentDetail />
Props: Common inputs only (see Common Inputs section).

​
VeltActivityLogListShowMore

Button to load additional activity entries beyond the initial page. 
<VeltActivityLogListShowMore />
Props: Common inputs only (see Common Inputs section).