How to add click event to the button

[yashwantnmane]

Hello @artf,

I would like to thank you for this library. It helped me a lot.

I'm using this to build a website for page development, I'm having an issue adding a click event on a button component definition.

{
type: 'button',
attributes: {
class: 'btn btn-carousel btn-carousel-prev',
title: 'Prev',
},
text: '❮',
styles: .btn-carousel-prev { left: 10px; }
}

above is my button component and I want to do some stuff on the click. Please help to achieve this.

[allenhwkim]

I see from this document to set view - events for a type, https://grapesjs.com/docs/modules/Components.html#define-custom-component-type

  type: 'button',
  ...
  view: {
    events: {
      'click': e => console.log(`button clicked`)
    },
   ...

[yashwantnmane]

Thank you, Allen, it worked.