SyncfusionInc/Syncfusion.Blazor.Themesv32.2.8
✓ Verified.NET 8.0.NET 9.0.NET 10.0
This package contains the Syncfusion® Blazor components themes as static web assets to reference in Blazor application.
Get Started
$ dotnet add package Syncfusion.Blazor.ThemesReadme
Syncfusion® Blazor Themes
Syncfusion® Blazor components includes below list of themes in the Syncfusion® Blazor Themes library.
| Theme | Style Sheet Name |
|---|---|
| Bootstrap 5 | bootstrap5.css |
| Bootstrap 5 Dark | bootstrap5-dark.css |
| Bootstrap 4 | bootstrap4.css |
| Bootstrap 3 | bootstrap.css |
| Bootstrap 3 Dark | bootstrap-dark.css |
| Fluent | fluent.css |
| Fluent Dark | fluent-dark.css |
| Google’s Material | material.css |
| Google’s Material-Dark | material-dark.css |
| Material 3 | material3.css |
| Material 3 Dark | material3-dark.css |
| Tailwind CSS | tailwind.css |
| Tailwind Dark CSS | tailwind-dark.css |
| Microsoft Office Fabric | fabric.css |
| Microsoft Office Fabric Dark | fabric-dark.css |
| High Contrast | highcontrast.css |
Getting Started
Syncfusion® Blazor Themes can be used in your Blazor application by referencing the style sheet. Syncfusion® Blazor Themes are available as static web assets in the this NuGet package.
- For Blazor Server application, refer style sheet inside the
<head>element of~/Pages/_Host.cshtmlfile. - For Blazor WebAssembly application, refer style sheet inside the
<head>element ofwwwroot/index.htmlfile.
<head>
<link href="_content/Syncfusion.Blazor.Themes/bootstrap5.css" rel="stylesheet" />
</head>