Skip to main content

Notification Item

This section describes the BfmNotificationItemComponentcomponent.

Usage

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

notification-item.component.ts
import { BfmNotificationItemComponent } from '@celerofinancas/ui-user-kit';

@Component({
standalone: true,
selector: 'notification-item',
imports: [BfmNotificationItemComponent],
templateUrl: './notification-item.component.html',
})
export class NotificationItemComponent {}

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

notification-item.component.html
<bfm-notification-item 
[isToday]="isToday"
[notifications]="notifications"
/>

Inputs

The BfmNotificationItemComponent component has the following inputs:

isToday

Whether is today list or not - Default to: false

TypeDefault
booleanfalse

notifications

Notifications list to display in the sidebar - Default to: []

TypeDefault
Notification[][]

Events

The BfmNotificationItemComponent component has no events.