useLocalStorage

Reactive localStorage binding. Thin wrapper around useStorage with ObservablePersistLocalStorage as the persist plugin.

See useStorage for details and Legend-State persist & sync for advanced options.

Demo

themelight

Toggle Theme

Usage

import { useLocalStorage } from "@usels/web";

function Component() {
  const count$ = useLocalStorage("count", 0);

  return <button onClick={() => count$.set(count$.get() + 1)}>Count: {count$.get()}</button>;
}

Type Declarations

export declare function useLocalStorage<T>(key: string, defaults: T): Observable<T>;

Source

View on GitHub

Contributors

• tigerwest

Changelog

• a7392ab 2026-03-06 - feat(core,browser): add sync strategy hooks (tigerwest)