Interface TimelineAction

Configuration for an action button displayed on a timeline card.

Example

const viewAction: TimelineAction = {
  id: 'view',
  label: 'View Details',
  icon: 'fa-solid fa-eye',
  variant: 'primary',
  tooltip: 'Open the full details view'
};
interface TimelineAction {
    cssClass?: string;
    disabled?: boolean;
    icon?: string;
    id: string;
    label: string;
    tooltip?: string;
    variant?: ActionVariant;
}

Properties

cssClass? disabled? icon? id label tooltip? variant?

Properties

Optional cssClass

cssClass?: string

Additional CSS class(es) to apply to the button.

Optional disabled

disabled?: boolean

Whether the action is disabled. Disabled actions are visually muted and not clickable.

Default

false

Optional icon

icon?: string

Font Awesome icon class to display in the button.

Example

'fa-solid fa-edit'

id

id: string

Unique identifier for this action. Used in event handlers to identify which action was clicked.

label

label: string

Display text for the button.

Optional tooltip

tooltip?: string

Tooltip text shown on hover.

Optional variant

variant?: ActionVariant

Visual style variant for the button.

  • primary: Prominent action (filled/solid)
  • secondary: Standard action (outlined)
  • danger: Destructive action (red)
  • link: Text-only button

Default

'secondary'

Settings

Member Visibility

Theme

On This Page

cssClassdisablediconidlabeltooltipvariant