@lukfel/ng-scaffold 22.2.2 → 22.3.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +22 -6
- package/fesm2022/lukfel-ng-scaffold.mjs +28 -49
- package/fesm2022/lukfel-ng-scaffold.mjs.map +1 -1
- package/package.json +1 -1
- package/types/lukfel-ng-scaffold.d.ts +24 -17
package/README.md
CHANGED
|
@@ -614,14 +614,30 @@ icons, optional actions, and links.
|
|
|
614
614
|
import { NotificationComponent } from '@lukfel/ng-scaffold';
|
|
615
615
|
```
|
|
616
616
|
|
|
617
|
+
```ts
|
|
618
|
+
import { NotificationConfig } from '@lukfel/ng-scaffold';
|
|
619
|
+
|
|
620
|
+
public notificationConfig = signal<NotificationConfig>({
|
|
621
|
+
color: 'accent',
|
|
622
|
+
matIcon: 'info',
|
|
623
|
+
message: 'This is an info notification with action.',
|
|
624
|
+
static: true,
|
|
625
|
+
button: {
|
|
626
|
+
id: 'notification',
|
|
627
|
+
label: 'ACTION',
|
|
628
|
+
matIcon: 'auto_awesome'
|
|
629
|
+
}
|
|
630
|
+
});
|
|
631
|
+
|
|
632
|
+
public onNotificationClick(): void {
|
|
633
|
+
// handle notification click
|
|
634
|
+
}
|
|
635
|
+
```
|
|
636
|
+
|
|
617
637
|
```html
|
|
618
638
|
<lf-notification
|
|
619
|
-
[
|
|
620
|
-
|
|
621
|
-
message="This is an info notification with action."
|
|
622
|
-
matIcon="info"
|
|
623
|
-
action="Action"
|
|
624
|
-
(clickEvent)="onNotificationClick()"></lf-notification>
|
|
639
|
+
[notificationConfig]="notificationConfig()"
|
|
640
|
+
(buttonClickEvent)="onNotificationClick()"></lf-notification>
|
|
625
641
|
```
|
|
626
642
|
|
|
627
643
|
|