You are viewing an old version of this page. View the current version.

Compare with Current View Page History

« Previous Version 6 Next »

Use the <toggle> tag to add and configure the toggle selector. The toggle does not require additional confirmation, so any methods related to it will be called immediately as the toggle position changes.

Available attributes:

AttributeTypeMandatoryDescription
checkedBooleanNSet the attribute equal to true to enable the toggle.
disabledBooleanNThis attribute defines if the position of the toggle can be changed by the users. True - the toggle is inactive, false - the users can change its position.
onChangeFunctionNThe method called when the position of the toggle changes.
textStringNThe text explaining the function of the toggle to the users. By default, it is located on the right from the toggle.
isLeftSideTextBooleanNIf set to true, the text is located on the left from the toggle. If set to false, the text is located on the right from the toggle.
boldTextBooleanNSet the attribute equal to true to make the text of the toggle bold.

Example:

toggle
<toggle text={data.text} disabled="true"></toggle>


  • No labels