Data-Bind to WebStorage

Use localStorage & sessionStorage.

View the Demos
DEMO #1

Data-binding to webStorage

Welcome, guest!

In this demo, the cookies and web storage values are randomly set to demonstrate data-binding.

Click the buttons below and refresh the page to see data bound to the form fields and text content at left.
Set Cookie
Creates a random cookie. Refresh the page after clicking to see the change.Set LocalStorage
Creates a random cookie. Refresh the page after clicking to see the change.Set SessionStorage
Creates a random cookie. Refresh the page after clicking to see the change.Add this to your Site

Element Data-Binding

Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.

Content Data-Binding

Loaded from cookies, localStorage and sessionStorage;

  • local - {{ $local.name }}
  • session - {{ $session.name }}
  • cookie - {{ $cookie.name }}