MyRazorComponents 1.0.2
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 MyRazorComponents --version 1.0.2
NuGet\Install-Package MyRazorComponents -Version 1.0.2
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="MyRazorComponents" Version="1.0.2" />
For projects that support PackageReference, copy this XML node into the project file to reference the package.
<PackageVersion Include="MyRazorComponents" Version="1.0.2" />
<PackageReference Include="MyRazorComponents" />
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 MyRazorComponents --version 1.0.2
The NuGet Team does not provide support for this client. Please contact its maintainers for support.
#r "nuget: MyRazorComponents, 1.0.2"
#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 MyRazorComponents@1.0.2
#: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=MyRazorComponents&version=1.0.2
#tool nuget:?package=MyRazorComponents&version=1.0.2
The NuGet Team does not provide support for this client. Please contact its maintainers for support.
My Razor Components
This is a collection of basic razor components and a JSInterops that may be useful in generating Blazor applications.
Features
- Buttons
- Input types (text, date, check box...)
- Collections
- Load graphics
- Download, Element Bounding Rectangle, and Email interops
Usage
Below is an example of how to use the element bounding rectangle interop to get the dimensions of an element following a mouse click.
<div id = "@myID" @onmousedown="e => MouseDown(e, myID)"></div>
private readonly string myID = "my_element";
protected override Task OnAfterRenderAsync(bool firstRender)
{
if (firstRender)
{
UIJSInterop = new MyRazorComponents.UIOperations.UIJSINterop(JS);
}
return base.OnAfterRenderAsync(firstRender);
}
private async Task MouseDown(MouseEventArgs e, string elementReference)
{
// Declare that a mouse button is down.
mouseDown = true;
System.Diagnostics.Debug.WriteLine("Mouse Down in MouseDown() method.");
// Get the bounds of the image element
var boundingRect = await UIJSInterop.GetElementBoundingRect(myID);
// Do Stuff //
}
License
This project is licensed under the MIT License - see the LICENSE file for details.
| 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 was computed. 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 was computed. 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.
-
net8.0
- CSSSharp (>= 1.0.1)
- Microsoft.AspNetCore.Components.Web (>= 8.0.8)
NuGet packages
This package is not used by any NuGet packages.
GitHub repositories
This package is not used by any popular GitHub repositories.
- updated CSSSharp package to latest