Class: ConfirmButton

Monster .Components .Form. ConfirmButton

This CustomControl creates a confirm button element with a variety of options.

Dependencies: the system uses functions of the monsterjs library as well as pooperjs.

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

<monster-confirm-button></monster-confirm-button>

Or you can create this CustomControl directly in Javascript:

import {ConfirmButton} from '@schukai/component-form/source/confirm-button.js';
document.createElement('monster-confirm-button');

The data-monster-button-class attribute can be used to change the CSS class of the button.

Constructor

new ConfirmButton()

A confirm button

Since: 1.5.0
Copyright: schukai GmbH

Members

defaults

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

Properties

Name Type Default Description

toggleEventType

Object

click,touch

List of event types to be observed for opening the confirm message

templates

Object

Template definitions

Properties

Name	Type	Description
`main`	string	Main template

labels.button

string

'<slot

name="button">' Button label

labels.message

string

'<slot>Should

I Stay or Should I Go?' Message

labels.confirm

string

'<slot

name="confirm">Confirm' Confirm button label

labels.cancel

string

'<slot

name="cancel">Cancel' Cancel button label

actions.confirm Monster.Components.Form~exampleActionCallback

actions.cancel

Monster.Components.Form~exampleActionCallback

List of event types to be observed for opening the dropdown

popper

Object

PopperJS Options

Properties

Name	Type	Default	Description
`placement`	string	top	PopperJS placement

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.

Since: 2.1.0

Methods

assembleMethodSymbol() → {Monster.Components.Form.PopperButton}

Returns:

Type:: Monster.Components.Form.PopperButton

setConfirmButtonState(state, timeout) → {Monster.Components.Form.ConfirmButton}

Set the confirm button state

Parameters:

Name	Type	Description
`state`	string
`timeout`	number

Returns:

Type:: Monster.Components.Form.ConfirmButton

showConfirmButtonMessage(message, timeout) → {Monster.Components.Form.ConfirmButton}

Set and show the confirm button message

Parameters:

Name	Type	Description
`message`	string
`timeout`	number

Returns:

Type:: Monster.Components.Form.ConfirmButton

showDialog() → {Monster.Components.Form.PopperButton}

Returns:

Type:: Monster.Components.Form.PopperButton

(static) getCSSStyleSheet() → {Array}

Returns:

Type:: Array

(static) getTag() → {string}

Returns:

Type:: string