Call Button

The call button component can be used to call a function of a component. The function is called when the button is clicked.


The call button component search an element with the given reference and calls the function with the given name.

<div id="my-function-host"></div>
<script type="module">
    document.getElementById('my-function-host').myFunction = function () {
        console.log('myFunction called');
<monster-call-button data-monster-reference="#my-function-host" data-monster-call="myFunction">
    call myFunction


The call control can be customized to your own needs. For this purpose, the control can be designed via CSS.

The different parts of the control can be designed using CSS. Since the internals of the component are in a shadow tree, access is via css pseudo-element parts.