Set localStorage

This action allows you to specify a key and its corresponding value to be stored in localStorage.

Example: App that stores a name in localStorage and displays it on reload

1. Add an input field, button and a text as shown

<div style={{textAlign: 'center'}}>

</div>

2. Select the button and add a Set localStorage action with key set to name and value pointing at the value of the text field

<div style={{textAlign: 'center'}}>

</div>

3. Select the text label we've added and set its value to the name item from localStorage

<div style={{textAlign: 'center'}}>

</div>

4. Now save the application, this is important as we're about to reload the page.

5. Type in anything you wish on the input box and click on the button

<div style={{textAlign: 'center'}}>

</div>

6. Reload the page, you'll see that the value stored in local storage is persisted and it is displayed on screen!

<div style={{textAlign: 'center'}}>

</div>