Getting started with Blazor Bootstrap - Blazor Project Setup
High-performance, lightweight, and responsive blazor bootstrap components in a single package from the developers for the developers.
Documentation #
Please find the getting started documentation links, corresponding to each .NET version and project type, listed below:
| # | .NET Version | Documentation Link |
|---|---|---|
| 1 | .NET 8 | Blazor WebAssembly (.NET 8) |
| 2 | .NET 8 | Blazor WebApp (.NET 8) - Interactive render mode Server - Global location |
| 3 | .NET 8 | Blazor WebApp (.NET 8) - Interactive render mode Auto - Global location |
| 4 | .NET 8 | MAUI Blazor Hybrid App (.NET 8) |
Chart Components — Dedicated Library
Chart components have been moved to the dedicated BlazorExpress.ChartJS library to support independent feature additions and easier maintenance. Complete the following steps in the Blazor project that renders the charts.
- Install the package used by these demos:
dotnet add package BlazorExpress.ChartJS --version 1.2.4 - Import the component namespace in
_Imports.razor:@using BlazorExpress.ChartJS - Load the browser scripts in this order from the host page, after the Blazor framework script.
The data-labels plugin is needed only when a chart uses data labels.
<script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/4.4.1/chart.umd.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/chartjs-plugin-datalabels/2.2.0/chartjs-plugin-datalabels.min.js"></script> <script src="_content/BlazorExpress.ChartJS/blazorexpress.chartjs.js"></script>
See the BlazorExpress.ChartJS website and GitHub repository for current package documentation. We also recommend checking the original BlazorExpress.ChartJS demos when adapting advanced examples.
