svelte/site/content/tutorial/06-bindings/14-component-this/text.md

title
Binding to component instances

Just as you can bind to DOM elements, you can bind to component instances themselves. For example, we can bind the instance of <InputField> to a prop named field in the same way we did when binding DOM Elements

<InputField bind:this={field} />

Now we can programmatically interact with this component using field.

<button on:click="{() => field.focus()}">
    Focus field
</button>

Note that we can't do {field.focus} since field is undefined when the button is first rendered and throws an error.