Blazor.Extensions.Logging 2.0.4

The ID prefix of this package has been reserved for one of the owners of this package by Prefix Reserved
.NET 5.0
dotnet add package Blazor.Extensions.Logging --version 2.0.4
NuGet\Install-Package Blazor.Extensions.Logging -Version 2.0.4
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="Blazor.Extensions.Logging" Version="2.0.4" />
For projects that support PackageReference, copy this XML node into the project file to reference the package.
paket add Blazor.Extensions.Logging --version 2.0.4
#r "nuget: Blazor.Extensions.Logging, 2.0.4"
#r directive can be used in F# Interactive and Polyglot Notebooks. Copy this into the interactive tool or source code of the script to reference the package.
// Install Blazor.Extensions.Logging as a Cake Addin
#addin nuget:?package=Blazor.Extensions.Logging&version=2.0.4

// Install Blazor.Extensions.Logging as a Cake Tool
#tool nuget:?package=Blazor.Extensions.Logging&version=2.0.4

Build Package Version NuGet Downloads License

Blazor Extensions

Blazor Extensions is a set of packages with the goal of adding useful features to Blazor.

Blazor Extensions Logging

This package is an implementation for the Microsoft Extensions Logging abstraction to support using the ILogger interface in your Blazor code.

When the component is configured, all the log statements will appear in the browser's developer tools console.


Content to log

The logger supports the same string formatting that MEL provides, together with named parameter replacement in the message.

Additionaly, you're able to log an object in the browser console. You can expand members and hierachies to see what's contained within.

If you want to log an enumerable list of objects, then the browser side component will display it by calling console.table.


The implementation supports the ILoggerFactory-based filtering configuration that is supplied by the Microsoft Extension Logging abstraction.

To keep it lightweight, Microsoft Extensions Configuration based configuration is not supported; the logger can be only configured in code.

Log levels

The logger supports the LogLevels defined in MEL.

Some of the log levels are not available as distinct methods in the browser's developer tool, so the browser side component does some mapping.

Sample configuration


The following snippet shows how to setup the browser console logger by registering it for dependency injection in the Program.cs of the application.

// Add Blazor.Extensions.Logging.BrowserConsoleLogger
builder.Services.AddLogging(builder => builder


The following snippet shows how to consume the logger in a Blazor component.

@inject ILogger<Index> logger

@functions {
  protected override async Task OnInitializedAsync()
      logger.LogDebug("MyComponent init");

If you want to consume it outside of a cshtml based component, then you can use the Inject attribute to inject it into the class.

protected ILogger<MyClass> Logger {get;set;}

public void LogSomething()
  Logger.LogDebug("Inside LogSomething");

Contributions and feedback

Please feel free to use the component, open issues, fix bugs or provide feedback.


The following people are the maintainers of the Blazor Extensions projects:

Product Compatible and additional computed target framework versions.
.NET net5.0 is compatible.  net5.0-windows was computed.  net6.0 was computed.  net6.0-android was computed.  net6.0-ios was computed.  net6.0-maccatalyst was computed.  net6.0-macos was computed.  net6.0-tvos was computed.  net6.0-windows was computed.  net7.0 was computed.  net7.0-android was computed.  net7.0-ios was computed.  net7.0-maccatalyst was computed.  net7.0-macos was computed.  net7.0-tvos was computed.  net7.0-windows was computed.  net8.0 was computed.  net8.0-android was computed.  net8.0-ios was computed.  net8.0-maccatalyst was computed.  net8.0-macos was computed.  net8.0-tvos was computed.  net8.0-windows was computed. 
Compatible target framework(s)
Additional computed target framework(s)
Learn more about Target Frameworks and .NET Standard.

NuGet packages (2)

Showing the top 2 NuGet packages that depend on Blazor.Extensions.Logging:

Package Downloads

This package contains helper methods for setting up Elmish Hot Reloading for Bolero.


Creating Css class in Blazor components

GitHub repositories (1)

Showing the top 1 popular GitHub repositories that depend on Blazor.Extensions.Logging:

Repository Stars
Thoughtfully architected, obscenely fast, thoroughly enjoyable web services for all
Version Downloads Last updated
2.0.4 311,209 2/24/2021
2.0.3 394 2/21/2021
1.1.1 46,914 5/3/2020
1.1.0-preview2 2,049 10/30/2019
1.1.0-preview1 299 10/30/2019
1.0.0 13,945 9/24/2019
0.4.0 3,488 9/8/2019
0.3.0 692 8/16/2019
0.2.0 772 7/24/2019
0.1.13 791 7/2/2019
0.1.11 755 5/1/2019
0.1.10 5,128 11/26/2018
0.1.9 1,495 10/14/2018
0.1.8 1,675 7/28/2018
0.1.7 1,055 7/26/2018
0.1.6 792 7/26/2018
0.1.5 815 7/26/2018
0.1.4 792 7/26/2018
0.1.3 810 7/26/2018
0.1.2 1,671 6/8/2018
0.1.1 3,361 5/7/2018