Timeline

The timeline is a visual representation of the job steps in the context of the current transaction, and can be configured as shown in the example below.

In the example:

• label appears as the step name.
• value is a single value or an array of values matched against the job.currentStep property in the data.

note

There is no limit to the number of steps that can be displayed in the timeline but, being responsive across all screen widths, the display may be overly compressed in some cases. The number of steps to display is left to the discretion of the solution builder.

Example

The following image illustrates how the timeline config below might appear at a certain stage in the application life cycle. Completed and future steps are visually differentiated from the current step.

Timeline config

steps: [
  {
    label: 'Submitted',
    value: 'Applicant Submitted',
  },
  {
    label: 'Decision',
    value: 'Decision Engine',
  },
  {
    label: 'Review',
    value: ['Fraud Review', 'Manual Review', 'Background Review', 'Complete Verification'],
  },
  {
    label: 'Information Requested',
    value: ['Manual Review'],
  },
  {
    label: 'Funding / Rejection',
    value: ['Application funding', 'Applicant Update'],
  },

  {
    label: 'Completed',
    value: [
      'Application Delivery',
      'Approved Complete',
      'Terminated Initial',
      'Terminated Additional',
      'Terminated Applicant',
    ],
  },
];

Attributes

To review the list of supported attributes, see API Reference.