Skip to main content

Onboarding Tour Testing

This section describes the BfmOnboardingTourTestComponent component.

Usage​

You need to import it in your module and use it in your template.

tour-test.component.ts
import { BfmOnboardingTourTestComponent } from '@celerofinancas/ui-user-kit';

@Component({
  standalone: true,
  selector: 'onboarding-tour-test',
  imports: [BfmOnboardingTourTestComponent],
  templateUrl: './tour-test.component.html',
})
export class CustomOnboardingTourTestComponent {}

Then, in your template, you can use the component like this:

tour-test.component.html
<bfm-onboarding-tour-test 
  [tempTourButtons]="tempTourButtons"
  [testTourButtonText]="testTourButtonText"
/>

Inputs​

The BfmOnboardingTourTestComponent component has the following inputs:

tempTourButtons​

Temporary tour test buttons configuration for testing

Type
TourButton[]

Default value:

[
  {
    arrowDirection: 'upper-right',
    icon: 'cds-icon-arrow-down'
  },
  {
    arrowDirection: 'upper-left',
    icon: 'cds-icon-arrow-down'
  },
  {
    arrowDirection: 'right',
    icon: 'cds-icon-arrow-left',
    step: TEST_STEP.left
  },
  {
    arrowDirection: 'left',
    icon: 'cds-icon-arrow-right',
    step: TEST_STEP.right
  },
]

testTourButtonText​

Test tour button text

TypeDefault
string'Testar tour'

Events​

The BfmOnboardingTourTestComponent component has no events.