Tutorial Card

This section describes the BfmTutorialCardComponent component.

Usage

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

tutorial-card.component.ts

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

@Component({
  standalone: true,
  selector: 'tutorial-card',
  imports: [BfmTutorialCardComponent],
  templateUrl: './tutorial-card.component.html',
})
export class CustomTutorialCardComponent {}

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

tutorial-card.component.html

<bfm-tutorial-card 
  [content]="'<p>Your content here</p>'"
  [headerText]="'Header text'"
  [image]="'image.png'"
/>

Inputs

The BfmTutorialCardComponent component has the following inputs:

content

Inner HTML string as main content

Type	Default
string	''

headerText

Header text

Type	Default
string	''

image

Image name

Type	Default
string	''

Events

The BfmTutorialCardComponent component has no events.