IonBlazor 0.887.8

dotnet add package IonBlazor --version 0.887.8
                    
NuGet\Install-Package IonBlazor -Version 0.887.8
                    
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="IonBlazor" Version="0.887.8" />
                    
For projects that support PackageReference, copy this XML node into the project file to reference the package.
<PackageVersion Include="IonBlazor" Version="0.887.8" />
                    
Directory.Packages.props
<PackageReference Include="IonBlazor" />
                    
Project file
For projects that support Central Package Management (CPM), copy this XML node into the solution Directory.Packages.props file to version the package.
paket add IonBlazor --version 0.887.8
                    
#r "nuget: IonBlazor, 0.887.8"
                    
#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.
#:package IonBlazor@0.887.8
                    
#:package directive can be used in C# file-based apps starting in .NET 10 preview 4. Copy this into a .cs file before any lines of code to reference the package.
#addin nuget:?package=IonBlazor&version=0.887.8
                    
Install as a Cake Addin
#tool nuget:?package=IonBlazor&version=0.887.8
                    
Install as a Cake Tool

IonBlazor

Ionic Framework components for Blazor, MAUI Hybrid, and ASP.NET Core Razor.

The all-in-one package: pulls in the component wrappers and every static asset bundle so a fresh project can render Ionic UI without any extra setup.

Install

dotnet add package IonBlazor

Setup

Add the Ionic script and stylesheets to your host page — wwwroot/index.html for Blazor WebAssembly, Pages/_Host.cshtml (or App.razor in .NET 8+) for Blazor Server, wwwroot/index.html for MAUI Hybrid:

<script type="module" src="_content/IonBlazor/@ionic/core/dist/ionic/ionic.esm.js"></script>

<link rel="stylesheet" href="_content/IonBlazor/@ionic/core/css/core.css" />
<link rel="stylesheet" href="_content/IonBlazor/@ionic/core/css/ionic.bundle.css" />

Add the namespaces to _Imports.razor:

@using IonBlazor.Components
@using IonBlazor.Components.Abstractions
@using IonBlazor.Services

Use

<IonApp>
    <IonContent>
        <IonButton OnClick="@HandleClick">Tap me</IonButton>
    </IonContent>
</IonApp>

@code {
    void HandleClick() { /* ... */ }
}

Package family

Package Use when
IonBlazor You want everything in one reference. Recommended for most apps.
IonBlazor.Components You want only the C# wrappers and will provide Ionic JS/CSS yourself.
IonBlazor.StaticAssets JavaScript interop modules used by the wrappers (transitively required).
IonBlazor.StaticAssets.Ionic The @ionic/core JavaScript bundle and CSS, served from _content/IonBlazor.
IonBlazor.StaticAssets.Ionic.Svg Ionic SVG icon set, served from _content/IonBlazor.

MAUI Hybrid multi-project caveat

In a MAUI Hybrid solution where multiple projects (e.g. a Core Razor class library and a MAUI host) all reference an asset-carrying package, MAUI's static-asset packaging fails with a duplicate-asset error.

Workaround: only one project ships the static assets. That project can use either:

  • the bundle — IonBlazor, or
  • the granular packages — IonBlazor.StaticAssets + IonBlazor.StaticAssets.Ionic (+ IonBlazor.StaticAssets.Ionic.Svg for icons), optionally with IonBlazor.Components.

Every other project references only IonBlazor.Components, which has no static assets. The component wrappers stay available everywhere; the assets ship exactly once.

Supported frameworks

net8.0, net9.0, net10.0.

License

MIT.

Product Compatible and additional computed target framework versions.
.NET net8.0 is compatible.  net8.0-android was computed.  net8.0-browser 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.  net9.0 is compatible.  net9.0-android was computed.  net9.0-browser was computed.  net9.0-ios was computed.  net9.0-maccatalyst was computed.  net9.0-macos was computed.  net9.0-tvos was computed.  net9.0-windows was computed.  net10.0 is compatible.  net10.0-android was computed.  net10.0-browser was computed.  net10.0-ios was computed.  net10.0-maccatalyst was computed.  net10.0-macos was computed.  net10.0-tvos was computed.  net10.0-windows was computed. 
Compatible target framework(s)
Included target framework(s) (in package)
Learn more about Target Frameworks and .NET Standard.

NuGet packages

This package is not used by any NuGet packages.

GitHub repositories

This package is not used by any popular GitHub repositories.

Version Downloads Last Updated
0.887.8 87 5/18/2026
0.887.7 86 5/18/2026
0.887.0 85 5/17/2026
0.872.1 240 8/19/2025
0.843.0-alpha.6 225 4/28/2025
0.843.0-alpha.5 192 4/28/2025
0.843.0-alpha.4 136 4/26/2025
0.843.0-alpha.3 230 4/23/2025
0.843.0-alpha.2 138 2/22/2025
0.843.0-alpha.1 130 2/21/2025
0.842.0-alpha.1 134 2/21/2025
0.841.0-alpha.5 127 2/21/2025
0.841.0-alpha.4 154 2/19/2025
0.841.0-alpha.3 127 1/27/2025
0.786.0-rc.1 128 1/27/2025
Loading failed