Interface TimelineEventConfig

Per-event display configuration returned by EventConfigFunction. Allows customizing individual events within a group.

Example

group.EventConfigFunction = (record) => ({
  icon: record.Priority === 'High' ? 'fa-solid fa-exclamation' : undefined,
  color: record.Status === 'Overdue' ? '#f44336' : undefined,
  cssClass: record.IsImportant ? 'important-event' : ''
});
interface TimelineEventConfig {
    actions?: TimelineAction[];
    collapsible?: boolean;
    color?: string;
    cssClass?: string;
    defaultExpanded?: boolean;
    icon?: string;
}

Properties

actions? collapsible? color? cssClass? defaultExpanded? icon?

Properties

Optional actions

actions?: TimelineAction[]

Override the actions for this specific event.

Optional collapsible

collapsible?: boolean

Override whether this specific event is collapsible.

Optional color

color?: string

Override the marker/accent color for this event. Any valid CSS color value.

Optional cssClass

cssClass?: string

Additional CSS class(es) for this event's card.

Optional defaultExpanded

defaultExpanded?: boolean

Override whether this specific event starts expanded.

Optional icon

icon?: string

Override the icon for this specific event. Font Awesome class string.

Settings

Member Visibility

Theme

On This Page

actionscollapsiblecolorcssClassdefaultExpandedicon