Platform Guide Task

This section describes the BfmPlatformGuideTaskComponent component.

Usage

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

platform-guide-task.component.ts

import { BfmPlatformGuideTaskComponent } from '@celerofinancas/ui-user-kit';

@Component({
  standalone: true,
  selector: 'platform-guide-task',
  imports: [BfmPlatformGuideTaskComponent],
  templateUrl: './platform-guide-task.component.html',
})
export class CustomPlatformGuideTaskComponent {}

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

platform-guide-task.component.html

<bfm-platform-guide-task 
  [blocked]="false"
  [completed]="false"
  [label]="'Task Label'"
  [noRepeat]="false"
  [tooltip]="'Tooltip text'"
  [type]="'task'"
  (buttonClicked)="handleButtonClicked($event)"
/>

Inputs

The BfmPlatformGuideTaskComponent component has the following inputs:

blocked

Whether the task is blocked

Type	Default
boolean	false

completed

Whether the task has already been completed

Type	Default
boolean	false

label

Task's label text content to be displayed

Type	Default
string	''

noRepeat

Whether is no repeat task type

Type	Default
boolean	false

tooltip

Label's tooltip text content to be displayed

Type	Default
string	''

type

Task's type

Type	Default
OnboardingTaskTypes	'task'

Events

The BfmPlatformGuideTaskComponent component has the following events:

buttonClicked

Emits when the task's button is clicked

Type
EventEmitter<any>