BootstrapBlazor.Chart 10.0.1-beta02

Prefix Reserved
This is a prerelease version of BootstrapBlazor.Chart.
There is a newer version of this package available.
See the version list below for details.
dotnet add package BootstrapBlazor.Chart --version 10.0.1-beta02
                    
NuGet\Install-Package BootstrapBlazor.Chart -Version 10.0.1-beta02
                    
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="BootstrapBlazor.Chart" Version="10.0.1-beta02" />
                    
For projects that support PackageReference, copy this XML node into the project file to reference the package.
<PackageVersion Include="BootstrapBlazor.Chart" Version="10.0.1-beta02" />
                    
Directory.Packages.props
<PackageReference Include="BootstrapBlazor.Chart" />
                    
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 BootstrapBlazor.Chart --version 10.0.1-beta02
                    
#r "nuget: BootstrapBlazor.Chart, 10.0.1-beta02"
                    
#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 BootstrapBlazor.Chart@10.0.1-beta02
                    
#: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=BootstrapBlazor.Chart&version=10.0.1-beta02&prerelease
                    
Install as a Cake Addin
#tool nuget:?package=BootstrapBlazor.Chart&version=10.0.1-beta02&prerelease
                    
Install as a Cake Tool

Bootstrap Blazor Component

A set of enterprise-class UI components based on Bootstrap and Blazor.

License Github build Repo Size Commit Date codecov


Features

  • Enterprise-class UI designed for web applications.
  • A set of high-quality Blazor components out of the box.
  • Supports WebAssembly-based client-side and SignalR-based server-side UI event interaction.
  • Supports Progressive Web Applications (PWA).
  • Build with C#, a multi-paradigm static language for an efficient development experience.
  • .NET 6.0, with direct reference to the rich .NET ecosystem.
  • Seamless integration with existing ASP.NET Core MVC and Razor Pages projects.

Online Examples

website

Installation Guide

git clone https://github.com/dotnetcore/BootstrapBlazor.git
cd BootstrapBlazor/src/BootstrapBlazor.Server
dotnet run

Quick Installation Guide

Install Package

dotnet add package BootstrapBlazor

Add the following to _Imports.razor

@using BootstrapBlazor.Components

Add the following to the MainLayout.razor

<BootstrapBlazorRoot>
    @Body
</BootstrapBlazorRoot>

Add the following to your HTML head section

it's either index.html or _Layout.cshtml/_Host.cshtml/App.razor depending on whether you're running WebAssembly or Server

<link rel="stylesheet" href="_content/BootstrapBlazor/css/bootstrap.blazor.bundle.min.css" />

Add the following script at the end of the body

<script src="_content/BootstrapBlazor/js/bootstrap.blazor.bundle.min.js"></script>

Add the following to the relevant sections of Program.cs

builder.Services.AddBootstrapBlazor();

Usage

<Display Value="@_text"></Display>
<Button Text="Button" OnClick="@ClickButton"></Button>

@code {
    private string? _text;
    private void ClickButton(MouseEventArgs e)
    {
        _text = DateTime.Now.ToString();
    }
}

Install CLI Template

  1. Install the template
dotnet new install Bootstrap.Blazor.Templates::*
  1. Create the Boilerplate project with the template
dotnet new bbapp
Product Compatible and additional computed target framework versions.
.NET net6.0 is compatible.  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 is compatible.  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 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 (5)

Showing the top 5 NuGet packages that depend on BootstrapBlazor.Chart:

Package Downloads
ThingsGateway.Razor

Package Description

WASU.Rcl

Package Description

BlazorShared

BlazorMaui , 整合Blazor,BootstrapBlazor UI组件库,Maui的共享跨平台工程示例共享库

BootstrapBlazor.Shared

Package Description

ZhuoPu_SModel

Package Description

GitHub repositories (5)

Showing the top 5 popular GitHub repositories that depend on BootstrapBlazor.Chart:

Repository Stars
dotnetcore/WTM
Use WTM to write .netcore app fast !!!
dotnetcore/BootstrapBlazor
Bootstrap Blazor is an enterprise-level UI component library based on Bootstrap and Blazor.
ThingsGateway/ThingsGateway
ThingsGateway is a cross-platform, high-performance gateway for edge data acquisition and IoT connectivity. Developed with .NET 8, it offers a suite of powerful tools, including advanced PLC communication libraries and debugging software.
densen2014/BlazorMaui
用 c # 和 Razor 创建本机移动应用和桌面应用。使用 Blazor.BB.Maui,可以快速开发共享代码库运行于 Windows (Winforms/WPF/UWP)、Android、iOS、macOS 的应用。
densen2014/Blazor100
Blazor入门100天
Version Downloads Last Updated
10.0.1 2,979 12/17/2025
10.0.1-beta03 257 12/17/2025
10.0.1-beta02 261 12/17/2025
10.0.1-beta01 259 12/17/2025
10.0.0 13,090 11/12/2025
9.0.5 302 11/12/2025
9.0.4 16,195 10/16/2025
9.0.3 6,023 10/12/2025
9.0.2 140 10/11/2025
9.0.1 15,429 9/23/2025
9.0.0 193,143 11/13/2024
9.0.0-beta02 146 11/7/2024
9.0.0-beta01 479 11/1/2024
8.4.0 2,398 10/16/2024
8.2.3 8,489 8/19/2024
8.2.2 257 8/18/2024
8.2.1 219 8/18/2024
8.2.0 504 8/17/2024
8.1.10 323 8/16/2024
8.1.9 508 8/14/2024
8.1.8 323 8/13/2024
8.1.7 251 8/13/2024
8.1.6 2,487 7/21/2024
8.1.5 6,385 5/11/2024
8.1.4 195 5/11/2024
8.1.3 353 5/9/2024
8.1.2 244 5/8/2024
8.1.1 196 5/8/2024
8.1.0 2,821 3/11/2024
8.0.2 369 3/5/2024
8.0.1 4,406 11/22/2023
8.0.0 482 11/15/2023
7.6.1 5,875 10/11/2023
7.6.0 6,808 6/30/2023
7.5.4 1,538 6/16/2023
7.5.3 471 6/14/2023
7.5.2 3,666 4/20/2023
7.5.1 591 4/15/2023
7.5.0 461 4/14/2023
7.4.1 376 4/13/2023
7.4.0 399 4/13/2023
7.3.0 418 4/13/2023
7.2.0 585 4/9/2023
7.1.1 676 4/1/2023
7.1.0 803 3/22/2023
7.0.2 1,652 3/6/2023
7.0.1 4,103 12/23/2022
7.0.0 1,989 11/10/2022
6.0.0 15,760 11/13/2021
5.3.0 1,964 9/25/2021
5.2.0 1,638 9/20/2021
5.1.1 1,376 8/3/2021
5.1.0 571 8/3/2021
5.0.21 1,285 6/10/2021
5.0.20 696 6/3/2021
5.0.19 596 6/3/2021
5.0.19-beta03 445 6/2/2021
5.0.19-beta02 483 5/31/2021
5.0.19-beta01 486 5/30/2021
5.0.18 1,574 4/22/2021
5.0.17 647 4/15/2021
5.0.16 950 4/8/2021
5.0.16-beta02 433 4/7/2021
5.0.16-beta01 467 4/5/2021
5.0.15 621 4/5/2021
5.0.14 576 4/5/2021
5.0.13 592 4/1/2021
5.0.12 705 3/24/2021
5.0.11 802 3/18/2021
5.0.10 585 3/18/2021
5.0.9 750 3/10/2021
5.0.8 814 3/4/2021
5.0.7 652 2/21/2021
5.0.6 941 2/10/2021
5.0.5 795 1/28/2021
5.0.5-beta01 800 1/17/2021
5.0.4 694 1/14/2021
5.0.3 870 1/3/2021
5.0.2 692 12/26/2020
5.0.1 788 12/23/2020
5.0.0 1,167 11/12/2020
3.1.2 770 11/12/2020
3.1.1 1,136 11/10/2020
3.1.1-beta02 665 10/31/2020
3.1.1-beta01 707 10/30/2020
3.1.0 879 10/30/2020
3.1.0-beta02 542 10/28/2020
3.1.0-beta01 574 10/27/2020