Links

id

Optional
Type: string
Default: unset
An id can be assigned to a UI component, which then targets the specific component and enables calling component methods on it from JavaScript/TypeScript.

Example - id on a text-input

main.view.xml
<var name="first_name" type="text"/>
<text-input id="first-name-input" label="First name" bind="first_name" />
main.js
function focusInput() {
// call a component method to programatically focus the text-input
component.textInput({id: 'first-name-input'}).focus();
}