ToolJet/docs/versioned_docs/version-2.18.0/actions/set-localstorage.md
Shubhendra Singh Chauhan 9f2ff94a12
[docs] platform 5.x (#7427)
* whtie label revamp

* minor changes

* updated beta info in copilot docs

* renamed gds to ds in overview doc of v2.15 onwards

* updated multienv: renamed gds to ds, updated screenshot

* updated multienv: app state description

* updated superadmin wrt new licensing updates

* licensing update: free trial

* updates in licensing

* changes after review

* [docs]updated restapi with bearer auth

* Update kubernetes-aks.md

* Update openshift.md

* Update ecs.md

* Update ecs.md

* Update kubernetes-gke.md

* Update kubernetes.md

* Update docker.md

* Update docker.md

* Update ecs.md

* Update google-cloud-run.md

* Update kubernetes-aks.md

* Update kubernetes-gke.md

* Update kubernetes.md

* Update openshift.md

* Update kubernetes-gke.md

* Update kubernetes-aks.md

* fixed ecs, removed heroku from 2.15 onwards

* updated digitalocean doc

* licensing doc changes and location

* Update digitalocean.md

* Update digitalocean.md

* added v2.18.0

---------

Co-authored-by: Adish M <44204658+adishM98@users.noreply.github.com>
2023-09-27 12:24:39 +05:30

1.6 KiB

id title
set-localstorage Set localStorage

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

ToolJet - Action reference -Set local storage sample app

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

ToolJet - Action reference -Set local storage sample app

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

:::info Debounce field is empty by default, you can enter a numerical value to specify the time in milliseconds after which the action will be performed. ex: 300 :::

ToolJet - Action reference -Set local storage sample app

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

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

ToolJet - Action reference -Set local storage sample app

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

ToolJet - Action reference -Set local storage sample app