Member Junction
    Preparing search index...

    Interface TimelineAction

    Configuration for an action button displayed on a timeline card.

    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;
    }
    Index

    Properties

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

    Properties

    cssClass?: string

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

    disabled?: boolean

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

    false
    icon?: string

    Font Awesome icon class to display in the button.

    'fa-solid fa-edit'
    id: string

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

    label: string

    Display text for the button.

    tooltip?: string

    Tooltip text shown on hover.

    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
    'secondary'

    Settings

    Member Visibility

    On This Page

    Properties