You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
svelte/documentation/tutorial/08-stores/06-store-bindings/text.md

22 lines
642 B

---
title: Store bindings
---
If a store is writable — i.e. it has a `set` method — you can bind to its value, just as you can bind to local component state.
In this example we have a writable store `name` and a derived store `greeting`. Update the `<input>` element:
```svelte
<input bind:value $name} />
```
Changing the input value will now update `name` and all its dependents.
We can also assign directly to store values inside a component. Add a `<button>` element:
```svelte
<button on:click={() => ($name += '!')}> Add exclamation mark! </button>
```
The `$name += '!'` assignment is equivalent to `name.set($name + '!')`.