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();
}
icon-position
hide-if
Last modified 9mo ago