Class: ButtonBar

This CustomControl creates a button bar.

Dependencies: the system uses functions of the monsterjs library.

You can create this control either by specifying the HTML tag <monster-tabs /> directly in the HTML or using Javascript via the document.createElement('monster-tabs'); method.

<monster-tabs></monster-tabs>

Or you can create this CustomControl directly in Javascript:

import {ButtonBar} from '@schukai/component-form/source/tab.js';
document.createElement('monster-tabs');

Constructor

new ButtonBar()

A configurable tab control

Since: 3.19.0
Copyright: schukai GmbH

Fires:

Monster.Components.event:monster-fetched

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

labels Object

popper

Object

FloatingUI popper configuration

Properties

Name	Type	Default	Description
`placement`	string	top	Placement of the popper
`middleware`	number		middlerware to be used

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.

(static) observedAttributes

This method determines which attributes are to be monitored by attributeChangedCallback().

Methods

assembleMethodSymbol()

This method is called internal and should not be called directly.

connectedCallback() → {void}

This method is called by the dom and should not be called directly.

Returns:

Type:: void

disconnectedCallback() → {void}

This method is called by the dom and should not be called directly.

Returns:

Type:: void

hideDialog() → {ButtonBar}

Close the slotted dialog.

Returns:

Type:: ButtonBar

showDialog() → {ButtonBar}

Open the slotted dialog.

Returns:

Type:: ButtonBar

toggleDialog() → {ButtonBar}

Toggle the slotted dialog.

Returns:

Type:: ButtonBar

(static) getCSSStyleSheet() → {Array.<CSSStyleSheet>}

This method is called internal and should not be called directly.

Returns:

Type:: Array.<CSSStyleSheet>

(static) getTag() → {string}

This method is called internal and should not be called directly.

Returns:

Type:: string