Ex19: Notifications

Notifications are used to send notifications to users.

The initial code for this example is in master.

Open src/index.ts. Import notify function from Core.

1export default class Notification {
  ...
3
  handleNotifyButtonClick = () => {
  Core.notify({
    title: "Notification's title",
    message: 'This is message a notification',
    icon: NOTIFICATION_IMG,
  })
  }
11}

Add handleNotifyButtonClick function to exec field

..
async activate(): Promise<void> {
  const { button } = this.adapter.exports
  this.adapter.attachConfig({
    POST: (ctx: any) =>
      button({
        initial: 'DEFAULT',
        DEFAULT: {
          label: 'ex_19',
          img: EXAMPLE_IMG,
          exec: this.handleNotifyButtonClick,
        },
      }),
  })
}
...
17

tip

parameters of the notify's function

title - required parameter. Title of the notification.

message - optional parameter. Message to user.

icon - required parameter. We recommend to use images in SVG format.

More fields will be added soon.

Here is the result code of the example: ex19-notifications.

Run the dapplet:

npm i
npm

video