> For the complete documentation index, see [llms.txt](https://docs.gapvelocity.ai/webmap/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.gapvelocity.ai/webmap/winforms/extend-or-modify-the-converted-application/adding-frontend-output-handlers.md).

# Adding FrontEnd output handlers

In the WebMAP infrastructure, we have output emitters for important events in our components. 

For example:

**.html file**

```html
<wm-button id="button" (click)="clickHandler($event)" [model]="model.button" class="button">
</wm-button>
```

**.ts file**

```typescript
clickHandler(event: any): void {
    // add click handler logic
}
```

The output events are case-sensitive, so make sure you have the correct name.