furo-ui5-toggle-button #

@furo/ui5 v1.18.0
import '@furo/ui5/src/furo-ui5-toggle-button.js';
exports FuroUi5ToggleButton js
extends src/furo-ui5-toggle-button.js
mixes FieldNodeAdapter

Summary: boolean toggle button

Description #

The ‘furo-ui5-toggle-button’ component allows the user to switch true and false for Bool with data binding.

It supports all features from the SAP ui5 toggleButton element.

You can bind bool type, furo.fat.Bool type or the google.wrapper.BoolValue type.

1
2
3

 <furo-ui5-toggle-button
    fn-bind-data="--daoCountry(*.data.classified_as_risk_area)"
 ></furo-ui5-toggle-button>

Specificity #

1. Attributes which are set in the html source will have the highest specificity and will never get overwritten by metas or fat.
2. Attributes set in meta will have the lowest specificity and will be overwritten by attributes from fat.

supported FAT attributes #

• “readonly”:“true” set the element to readonly
• “disabled”:“true” set the element to disabled
• “icon”:"" set the icon
• “design”:"" set the design

supported meta and constraints #

• readonly: true , set the element to readonly

The constraint required will mark the element as required

Example #

 1
 2
 3
 4
 5
 6
 7
 8
 9
10

<furo-form-layouter four>
  <furo-ui5-toggle-button
    fn-bind-data="--doExp(*.furo_data_checkbox_input)"
  ></furo-ui5-toggle-button>
  <furo-ui5-toggle-button
    design="Positive"
    text
    fn-bind-data="--doExp(*.furo_data_checkbox_input)"
  >Override</furo-ui5-toggle-button>
</furo-form-layouter>

Attributes and Properties #

_previousDesign #

default: 'Default'

Events #

click #

at-click → ``

Fired when the input operation has finished by pressing Enter or on focusout.

furo-value-changed #

at-furo-value-changed → Boolean

Fires the value of pressed when value changed.

Methods #

readAttributes #

readAttributes() ⟹ void

* → fn-read-attributes

Reads the attributes which are set on the component dom.