vdl-button
Creates a button that can be used to trigger VDL actions on a click event. A value can be supplied to be passed into the vdl-action-group.
Example
<vdl-button label="Button" enabled="=scenario.entities.MyBool.value"></vdl-button>
<!-- Creating buttons within a repeat across scenarios. The scenario index is passed to the scenario attribute of vdl-action-execute -->
<vdl-action-group name="executeScenario">
<vdl-action-execute scenario="=value"></vdl-action-execute>
</vdl-action-group>
<!-- via the value attribute -->
<vdl-form vdl-repeat="=s,i in scenarios">
<vdl-button label="='Execute ' + s.props.name" value="=i" vdl-event="click: actions.executeScenario"></vdl-button>
</vdl-form>Attributes
| class | Custom CSS classes for the button. For example you could specify "btn-emphasized" for an emphasized button, or "btn" for a secondary button with no border. | ||
|---|---|---|---|
| enabled | A boolean expression or a string ("true", "false") which indicates whether the button is enabled. Defaults to enabled. | accepts expression | |
| label | The text to display on the button. | accepts expression | |
| value | The value that is passed to a vdl-action if added as a click vdl-event handler. | accepts expression |