Persilsoft.WebStorage.Blazor

Provides services to interoperate with the localStorage and sessionStorage objects.

---

Example

First, you need to register the following group of services in the dependency container:

using ServiceCollectionExtensions; builder.Services.AddWebStorage();

Next, you can inject the LocalStorage or SessionStorage service into you Blazor components.
The following example demonstrates how to store simple text strings in the localStorage.

@page "/localstorage-string" @inject LocalStorage Storage <h1>Storage - string</h1> <hr /> <div class="row"> <div class="offset-md-3 col-12 col-md-6"> <div class="input-group mb-2"> <input @bind=key type="text" class="form-control" placeholder="Your key" /> <input @bind=value type="text" class="form-control" placeholder="Your value" /> <button class="btn btn-primary" @onclick=Add>Add</button> </div> </div> </div> <table class="table"> <thead> <tr> <th>Key</th> <th>Value</th> <th></th> </tr> </thead> <tbody> @foreach (var item in values) { <tr> <td>@item.Key</td> <td>@item.Value</td> <td> <button class="btn btn-outline-danger" type="button" @onclick="@(() => Remove(item.Key))"> <i class="bi bi-trash3"></i> </button> </td> </tr> } </tbody> </table> <div class="text-center"> <button class="btn btn-danger" @onclick=Clear>Remove all</button> </div> @code { private string key; private string value; private Dictionary<string, string> values = new(); protected override async Task OnInitializedAsync() { await PrintValues(); } private async Task Add() { if (!string.IsNullOrWhiteSpace(key) && !string.IsNullOrWhiteSpace(value)) { await Storage.SetItemAsStringAsync(key, value); await PrintValues(); key = ""; value = ""; } } private async Task PrintValues() { values.Clear(); int length = await Storage.CountAsync(); for (int i = 0; i < length; i++) { string key = await Storage.GetKeyAsync(i); string value = await Storage.GetItemAsStringAsync(key); values.Add(key, value); } } private async Task Remove(string key) { await Storage.RemoveItemAsync(key); await PrintValues(); } public async Task Clear() { await Storage.ClearAsync(); await PrintValues(); } }

But you can also store complex types; the library will serialize objects into JSON format and store them as strings.