Warning

This section describes the BfmWarningComponent component.

Usage

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

warning.component.ts

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

@Component({
  standalone: true,
  selector: 'warning-component',
  imports: [BfmWarningComponent],
  templateUrl: './warning.component.html',
})
export class WarningComponent {}

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

warning.component.html

<bfm-warning 
  [link]="'https://example.com'"
  [message]="'This is a warning message.'"
  [type]="'danger'"
/>

Inputs

The BfmWarningComponent component has the following inputs:

link

Message link

Type	Default
string	''

message

Message shown by the warning header

Type	Default
string	''

type

Warning header style

Type	Default
`"danger"	"warning"

Events

The BfmWarningComponent component has no events.