Cloudcrate.AspNetCore.Blazor.Browser.Storage 3.0.0

.NET Standard 2.0
dotnet add package Cloudcrate.AspNetCore.Blazor.Browser.Storage --version 3.0.0
NuGet\Install-Package Cloudcrate.AspNetCore.Blazor.Browser.Storage -Version 3.0.0
This command is intended to be used within the Package Manager Console in Visual Studio, as it uses the NuGet module's version of Install-Package.
<PackageReference Include="Cloudcrate.AspNetCore.Blazor.Browser.Storage" Version="3.0.0" />
For projects that support PackageReference, copy this XML node into the project file to reference the package.
paket add Cloudcrate.AspNetCore.Blazor.Browser.Storage --version 3.0.0
#r "nuget: Cloudcrate.AspNetCore.Blazor.Browser.Storage, 3.0.0"
#r directive can be used in F# Interactive, C# scripting and .NET Interactive. Copy this into the interactive tool or source code of the script to reference the package.
// Install Cloudcrate.AspNetCore.Blazor.Browser.Storage as a Cake Addin
#addin nuget:?package=Cloudcrate.AspNetCore.Blazor.Browser.Storage&version=3.0.0

// Install Cloudcrate.AspNetCore.Blazor.Browser.Storage as a Cake Tool
#tool nuget:?package=Cloudcrate.AspNetCore.Blazor.Browser.Storage&version=3.0.0

Blazor Local and Session Storage Support


PM> Install-Package Cloudcrate.AspNetCore.Blazor.Browser.Storage

See it in Action

Check out Steve Sanderson's demo at NDC Minnesota, at minute 48


Add Services to Dependency Injection


Add Javascript file to your index.html or _Host.cshtml page in <body>

<app>@(await Html.RenderComponentAsync<App>())</app>
<script src="_framework/blazor.server.js"></script>
<script src="_content/Cloudcrate.AspNetCore.Blazor.Browser.Storage/Storage.js"></script>


Inject and use Storage

@using Cloudcrate.AspNetCore.Blazor.Browser.Storage;
@inject LocalStorage Storage

<input type="text" @bind="value" />
<button @onclick="SetValue">Set</button>
<button @onclick="GetValue">Get</button>

    string value;

    void SetValue()
        Storage.SetItem("storageKey", value);

    void GetValue()
        value = Storage.GetItem("storageKey");


Inject and use Storage

@using Cloudcrate.AspNetCore.Blazor.Browser.Storage;
@inject LocalStorage Storage

<input type="text" @bind="value" />
<button @onclick="SetValue">Set</button>
<button @onclick="GetValue">Get</button>

    string value;

    Task SetValue()
        await Storage.SetItemAsync("storageKey", value);

    Task GetValue()
        value = await Storage.GetItemAsync("storageKey");


Using storage native event: StorageEvent

protected override void OnInit()
    Storage.StorageChanged += HandleStorageChanged;

void HandleStorageChanged(object sender, StorageEventArgs e)  
    Console.WriteLine($"Value for key {e.Key} changed from {e.OldValue} to {e.NewValue}");

public void Dispose()
    Storage.StorageChanged -= HandleStorageChanged;


Product Versions
.NET net5.0 net5.0-windows net6.0 net6.0-android net6.0-ios net6.0-maccatalyst net6.0-macos net6.0-tvos net6.0-windows net7.0 net7.0-android net7.0-ios net7.0-maccatalyst net7.0-macos net7.0-tvos net7.0-windows
.NET Core netcoreapp2.0 netcoreapp2.1 netcoreapp2.2 netcoreapp3.0 netcoreapp3.1
.NET Standard netstandard2.0 netstandard2.1
.NET Framework net461 net462 net463 net47 net471 net472 net48
MonoAndroid monoandroid
MonoMac monomac
MonoTouch monotouch
Tizen tizen40 tizen60
Xamarin.iOS xamarinios
Xamarin.Mac xamarinmac
Xamarin.TVOS xamarintvos
Xamarin.WatchOS xamarinwatchos
Compatible target framework(s)
Additional computed target framework(s)
Learn more about Target Frameworks and .NET Standard.

NuGet packages

This package is not used by any NuGet packages.

GitHub repositories (1)

Showing the top 1 popular GitHub repositories that depend on Cloudcrate.AspNetCore.Blazor.Browser.Storage:

Repository Stars
The Ninite for your Nintendo Switch.
Version Downloads Last updated
3.0.0 27,004 9/27/2019
3.0.0-preview9.19424.4.2 511 9/5/2019
3.0.0-preview8.19405.7.1 358 8/20/2019
3.0.0-preview7.19365.7 455 7/24/2019
3.0.0-preview6.19307.4 459 6/15/2019
3.0.0-preview5-19227-02 584 5/7/2019
3.0.0-preview5-19227-01-02 379 5/7/2019
3.0.0-preview5-19227-01-01 411 5/7/2019
0.9.0-preview3-01 730 3/29/2019
0.9.0-preview3 425 3/26/2019
0.5.1 3,826 7/30/2018
0.5.0-preview3 623 7/23/2018
0.5.0-preview2 717 7/9/2018
0.5.0-preview1 721 7/8/2018
0.2.2 1,354 5/4/2018
0.2.1 842 5/3/2018
0.2.1-preview4 738 5/3/2018
0.2.1-preview3 697 5/3/2018
0.2.1-preview2 752 4/30/2018
0.2.1-preview1 766 4/30/2018