disabled

boolean

Optional

Type: boolean

Default: false

Conditionally disable the UI component to prevent the user from interacting with it. In this state, the UI component is visually greyed out.

You can return the value from a JS/TS function, e.g. disabled="$:isDisabled()".

Example - disabled on a text-input

main.view.xml

<var name="plain_text" type="text"/>

<text-input bind="plain_text" label="Add-on" disabled="true" placeholder="Not available"/>