svelte/documentation/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 variable named `field` in the same way we did when binding DOM Elements

```svelte
<script>
	let field;
</script>

<InputField bind:this={field} />
```

Now we can programmatically interact with this component using `field`.

```svelte
<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.