Notifications Header

This section describes the BfmNotificationsHeaderComponent component.

Usage

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

notifications-header.component.ts

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

@Component({
  standalone: true,
  selector: 'notifications-header',
  imports: [BfmNotificationsHeaderComponent],
  templateUrl: './notifications-header.component.html',
})
export class CustomNotificationsHeaderComponent {}

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

notifications-header.component.html

<bfm-notifications-header 
  [description]="description"
  [subtitle]="subtitle"
  [title]="title"
/>

Inputs

The BfmNotificationsHeaderComponent component has the following inputs:

description

Description of the header component

Type	Default
string	'Escolha quais tipos de mensagens deseja receber e defina preferências que serão aplicadas apenas a você.'

subtitle

Subtitle of the header component

Type	Default
string	'Sobre o que ser notificado'

title

Title of the header component

Type	Default
string	'Notificações'

Events

The BfmNotificationsHeaderComponent component has no events.