All Frigade components come with a series of event handlers. They are all prefixed with on and then the name of the event.

For example, the onButtonClick handler in the <FrigadeChecklist /> component is called when a user clicks on a button (see example below).

To see a full list of event handlers for each component, see the Props section of each component’s documentation.

    step: StepData,
    index?: number,
    cta?: 'primary' | 'secondary' | 'link',
    nextStep?: StepData
  ) => {
    if ( === 'my-step-id') {
      // Take some action

    // Returning true dismisses the checklist if it runs in a modal.
    return true;