Digital Certificate - Banner

This section describes the BfmBannerComponent component.

Usage

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

digital-certificate-banner.component.ts

import { BfmBannerComponent } from '@celerofinancas/ui-charges';

@Component({
  standalone: true,
  selector: 'digital-certificate-banner',
  imports: [BfmBannerComponent],
  templateUrl: './digital-certificate-banner.component.html',
})
export class DigitalCertificateBannerComponent {}

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

digital-certificate-banner.component.html

<bfm-banner
  [image]="'assets/charges/certificate.svg'"
  [subtitle]="'Seu contador pode ajudar você caso você tenha dúvidas com os campos'"
  [title]="'Para emitir notas pela plataforma, precisamos ter acesso ao certificado digital. Siga os passos a direita para enviá-lo'"
/>

Inputs

The BfmBannerComponent component has the following inputs:

image

Image of the banner component

Type	Default
string	'assets/charges/certificate.svg'

subtitle

Subtitle of the banner component

Type	Default
string	'Seu contador pode ajudar você caso você tenha dúvidas com os campos'

title

Title of the banner component

Type	Default
string	'Para emitir notas pela plataforma, precisamos ter acesso ao certificado digital. Siga os passos a direita para enviá-lo'

Events

The BfmBannerComponent component has no events.