---
title: "LocalStorage Value Persistence | LemonadeJS v5"
description: "LemonadeJS v5 archive. Learn how to integrate a reactive LemonadeJS component with localStorage to persist state values."
source: https://lemonadejs.com/docs/v5/examples/value-persistence/
---
# LocalStorage Value Persistence
This example demonstrates a dropdown component with two-way data binding. The selected value is saved to localStorage whenever the dropdown's value changes.
## Example
The value is automatically updated in localStorage whenever the dropdown's selection changes.
```html
```
```javascript
export default function Persistence(children, { onchange }) {
// Default value of the property which is bound to the value of the dropdown
this.language = localStorage.getItem('language');
// Do something when the self.language changes using the onchange lemonadeJS native tracker
onchange((prop) => {
// Persist language
localStorage.setItem('language', this.language);
});
return render => render``;
}
```
[See this example on codesandbox](https://codesandbox.io/s/lemonadejs-value-persistence-p2hbvf)