Class: ToggleButton

The Toggle Button component is used toggle a other element witch has a method called toggle.

Dependencies: the system uses functions of the monsterjs library

You can create this control either by specifying the HTML tagdirectly in the HTML or using Javascript via thedocument.createElement('monster-toggle-button');` method.

<monster-toggle-button></monster-toggle-button>

Or you can create this CustomControl directly in Javascript:

import '@schukai/component-host/source/filter.mjs';
document.createElement('monster-toggle-button');

The Body should have a class "hidden" to ensure that the styles are applied correctly.

body.hidden {
   visibility: hidden;
}

Constructor

new ToggleButton()

A toggle button

Copyright: schukai GmbH

Members

defaults

To set the options via the html tag the attribute data-monster-options must be used.

Properties

Name Type Description

templates

Object

Template definitions

Properties

Name	Type	Description
`main`	string	Main template

See: https://monsterjs.org/en/doc/#configurate-a-monster-control The individual configuration values can be found in the table.

(static) instanceSymbol

This method is called by the instanceof operator.

Methods

(static) getTag() → {string}

Returns:

Type:: string