ModusWebComponents.Blazor
1.11.1
There is a newer version of this package available.
See the version list below for details.
See the version list below for details.
dotnet add package ModusWebComponents.Blazor --version 1.11.1
NuGet\Install-Package ModusWebComponents.Blazor -Version 1.11.1
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="ModusWebComponents.Blazor" Version="1.11.1" />
For projects that support PackageReference, copy this XML node into the project file to reference the package.
<PackageVersion Include="ModusWebComponents.Blazor" Version="1.11.1" />
<PackageReference Include="ModusWebComponents.Blazor" />
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 ModusWebComponents.Blazor --version 1.11.1
The NuGet Team does not provide support for this client. Please contact its maintainers for support.
#r "nuget: ModusWebComponents.Blazor, 1.11.1"
#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 ModusWebComponents.Blazor@1.11.1
#: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=ModusWebComponents.Blazor&version=1.11.1
#tool nuget:?package=ModusWebComponents.Blazor&version=1.11.1
The NuGet Team does not provide support for this client. Please contact its maintainers for support.
Modus Blazor Components
Razor Class Library (RCL) providing auto-generated Blazor component wrappers for Modus Web Components — Trimble's enterprise-ready, accessible UI component library built with Stencil.
Installation
dotnet add package ModusWebComponents.Blazor
Host Page Setup
Add the following to your app's host page before the Blazor framework script.
Blazor WebAssembly — wwwroot/index.html
Blazor Server / .NET 8+ Web App — App.razor or Pages/_Host.cshtml
MAUI Blazor Hybrid — wwwroot/index.html
<link rel="stylesheet" href="_content/ModusWebComponents.Blazor/modus-icons.css" />
<link rel="stylesheet" href="_content/ModusWebComponents.Blazor/modus-wc-styles.css" />
<script type="module" src="_content/ModusWebComponents.Blazor/modus-wc/modus-wc.esm.js"></script>
<script src="_content/ModusWebComponents.Blazor/js/interop.js"></script>
Using Components
Add the namespace to _Imports.razor so components are available throughout your app:
@using ModusWebComponents.Blazor
Then use components directly in any .razor file:
<ModusWcButton Color="primary">Primary Button</ModusWcButton>
<ModusWcTextInput Label="Name" Placeholder="Enter your name" />
<ModusWcAlert AlertTitle="Welcome" AlertDescription="Hello from Modus!" Variant="success" />
Resources
| Product | Versions 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.
-
net10.0
- Microsoft.AspNetCore.Components.Web (>= 10.0.3)
-
net8.0
- Microsoft.AspNetCore.Components.Web (>= 8.0.11)
-
net9.0
- Microsoft.AspNetCore.Components.Web (>= 9.0.0)
NuGet packages
This package is not used by any NuGet packages.
GitHub repositories
This package is not used by any popular GitHub repositories.