Bit.BlazorUI.Extras 11.0.0-pre-13

bit BlazorUI Extras: The extra components package of bit BlazorUI

bit BlazorUI Extra offers a set of extensive UI controls for Blazor.

Why choose bit BlazorUI Extra components?

• Free and Open Source: Bit BlazorUI components come at no cost and are open to the community for contributions and improvements.
• Universal Support: Compatible with all interactive Blazor modes - Server, WASM, and Hybrid.

Getting Started

To use bit BlazorUI Extra components, follow these steps:

1. Install the Bit.BlazorUI.Extras nuget package.

using command line:

dotnet add package Bit.BlazorUI.Extras

or using Package Manager Console:

Install-Package Bit.BlazorUI.Extras

2. In the default document (App.razor or index.html), add the Bit.BlazorUI.Extras CSS file reference:

<link rel="stylesheet" href="_content/Bit.BlazorUI.Extras/styles/bit.blazorui.extras.css" />

3. In the default document (App.razor or index.html), add the Bit.BlazorUI.Extras JS file reference:

<script src="_content/Bit.BlazorUI.Extras/scripts/bit.blazorui.extras.js"></script>

4. In the _Imports.razor, add the using Bit.BlazorUI to make it available throughout the project.

@using Bit.BlazorUI;

5. Start using BlazorUI Extra components following its documents: https://blazorui.bitplatform.dev

Design system presets

This package also carries the Material and Cupertino design-system presets. They are override-only stylesheet bundles that re-value the theme tokens, so link the one you want after the core bit.blazorui.css and activate it with the bit-theme attribute. This package adds their names to the core BitThemePresets / BitThemeName themselves - BitThemePresets.MaterialDark reads like BitThemePresets.FluentDark, with no package-specific type to learn - and registers their first-paint surfaces with BitThemePresetRegistry, so BitThemeSurfaces carries them too. Those names are C# 14 extension members, which a project compiling at an older language version cannot read - there, name BitExtraThemePresets / BitExtraThemeName / BitExtraThemeSurfaces instead. They say the same things, and BitExtraThemePresets is const, so it also covers a case label or an attribute argument on any target. BitThemeSwitcher is the ready-made control for letting the user pick:

<link rel="stylesheet" href="_content/Bit.BlazorUI.Extras/styles/bit.blazorui.material.css" />


<html bit-theme="material-dark">