Lyo.QRCode.Web.Components
3.0.0
dotnet add package Lyo.QRCode.Web.Components --version 3.0.0
NuGet\Install-Package Lyo.QRCode.Web.Components -Version 3.0.0
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="Lyo.QRCode.Web.Components" Version="3.0.0" />
For projects that support PackageReference, copy this XML node into the project file to reference the package.
<PackageVersion Include="Lyo.QRCode.Web.Components" Version="3.0.0" />
<PackageReference Include="Lyo.QRCode.Web.Components" />
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 Lyo.QRCode.Web.Components --version 3.0.0
The NuGet Team does not provide support for this client. Please contact its maintainers for support.
#r "nuget: Lyo.QRCode.Web.Components, 3.0.0"
#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 Lyo.QRCode.Web.Components@3.0.0
#: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=Lyo.QRCode.Web.Components&version=3.0.0
#tool nuget:?package=Lyo.QRCode.Web.Components&version=3.0.0
The NuGet Team does not provide support for this client. Please contact its maintainers for support.
Lyo.QRCode.Web.Components
Blazor / MudBlazor UI that generates and previews QR codes. The main component is QrCodeWorkbench: three columns (output and styling, typed payload, result), wired to
IQRCodeService, IImageDecorationService (overlay / frame / caption / padding primitives from Lyo.Images), and Lyo.Web.Components.FileUpload.LyoFileUpload for logo files.
QrCodeWorkbench
| Column | Contents |
|---|---|
| Output and styling | Format (optional AllowedFormats parameter limits the dropdown, e.g. PNG+SVG only), error correction, output size preset (and custom pixels per module), quiet zone, dark/light module colors, logo upload (LyoFileUpload with ChipFileNameMaxLength / ChipMaxWidthCss for long names in narrow layouts), logo size slider, logo border, PNG badge preset and caption options (font, min header, auto-size header), frame colors. |
| Payload | QrPayloadKind selector plus fields for plain text, URL, Wi-Fi, mailto, tel, SMS, geo, vCard/meCard, WhatsApp, Telegram, Signal. Encoded preview and generate. |
| Result | Format, file size, frame label; module scale and dimensions; raster/SVG preview (SVG uses an <img> with object-fit: contain so large matrices stay in the box). Click the preview to open the image in a new tab (raster: data URL; SVG: blob URL so browsers allow a new tab. data:image/svg+xml navigations are often blocked). Download streams bytes via JS. |
Decoration pipeline. Once the QR exists, the workbench builds an IImageDecorationPipeline and queues stages from user input:
- A logo upload (PNG/SVG only) queues an
Overlaystage. The pad behind the logo uses the QR light color. When the Logo border checkbox is on, the stroke uses the QR dark color so the border stays visible. - A badge preset other than None queues more stages:
- Border only.
AddFrame(slate stroke, padding around the QR). A caption (if provided) becomes a footer band viaAddCaption(FooterBelow). - Rounded panel.
AddOuterPadding(rounded card) +AddFrame(slate stroke). - Badge with header.
AddCaption(HeaderAbove, notch)+AddOuterPadding(rounded card + drop shadow) +AddFrame(stroke matching the header chrome).
- Border only.
Mud color pickers are broken into opaque #RRGGBB strings before the option builders see them (length-9 forms aren't always #RRGGBBAA).
QrCodeWorkbench: limit output formats from the host
<QrCodeWorkbench AllowedFormats="@(new[] { QRCodeFormat.Png, QRCodeFormat.Svg })"/>
If AllowedFormats is null or empty, every QRCodeFormat enum value appears. If the host changes AllowedFormats and the current selection is no
longer allowed, the workbench resets to the first entry in the list.
Dependencies
Generated from ProjectReference / PackageReference (same model as docs/Lyo.ProjectGraph.html).
Lyo.Common.Metadata(direct, lyo)Lyo.Images(direct, lyo)Lyo.QRCode(direct, lyo)Lyo.Web.Components(direct, lyo)MudBlazor9.3(direct, third-party)Lyo.Api.Client(transitive, lyo)Lyo.Api.Models(transitive, lyo)Lyo.Common.Core(transitive, lyo)Lyo.DataTable.Models(transitive, lyo)Lyo.DateAndTime(transitive, lyo)Lyo.Diagnostic(transitive, lyo)Lyo.Encryption(transitive, lyo)Lyo.EntityReference.Models(transitive, lyo)Lyo.Exceptions(transitive, lyo)Lyo.Hashing(transitive, lyo)Lyo.Http.Client(transitive, lyo)Lyo.IO.FileSystem(transitive, lyo)Lyo.IO.Temp(transitive, lyo)Lyo.Json(transitive, lyo)Lyo.KeyStore(transitive, lyo)Lyo.Metrics(transitive, lyo)Lyo.PackageMetadata(transitive, lyo)Lyo.Parameters(transitive, lyo)Lyo.Query.Evaluation(transitive, lyo)Lyo.Query.Models(transitive, lyo)Lyo.Result(transitive, lyo)Lyo.Schedule.Models(transitive, lyo)Lyo.Streams(transitive, lyo)Lyo.Validation(transitive, lyo)Lyo.Validation.Models(transitive, lyo)Lyo.Web.Primitives(transitive, lyo)AngleSharp1.5.0(transitive, third-party)Blazored.LocalStorage4.5.0(transitive, third-party)BouncyCastle.Cryptography2.6.2(transitive, third-party, netstandard2.0)Konscious.Security.Cryptography.Argon21.3.1(transitive, third-party)Microsoft.Bcl.AsyncInterfaces10.0.5(transitive, microsoft, netstandard2.0)Microsoft.Extensions.Configuration.Binder10.0.5(transitive, microsoft)Microsoft.Extensions.DependencyInjection.Abstractions10.0.5(transitive, microsoft, net10.0, netstandard2.0)Microsoft.Extensions.Hosting.Abstractions10.0.5(transitive, microsoft)Microsoft.Extensions.Http10.0.5(transitive, microsoft)Microsoft.Extensions.Logging.Abstractions10.0.5(transitive, microsoft)SixLabors.Fonts2.1.3(transitive, third-party)SixLabors.ImageSharp3.1.12(transitive, third-party)SixLabors.ImageSharp.Drawing2.1.7(transitive, third-party)System.Buffers4.6.1(transitive, microsoft, netstandard2.0)System.ComponentModel.Annotations5.0.0(transitive, microsoft)System.IO.Hashing10.0.5(transitive, microsoft, net10.0)System.Memory4.6.3(transitive, microsoft, netstandard2.0)System.Text.Encoding.CodePages10.0.5(transitive, microsoft)System.Text.Json10.0.5(transitive, microsoft, netstandard2.0)System.Threading.RateLimiting10.0.5(transitive, microsoft)System.Threading.Tasks.Extensions4.6.3(transitive, microsoft, netstandard2.0)ZXing.Net0.16.11(transitive, third-party)ZXing.Net.Bindings.ImageSharp.V30.16.18(transitive, third-party)
| Product | Versions Compatible and additional computed target framework versions. |
|---|---|
| .NET | 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
- Lyo.Common.Metadata (>= 3.0.0)
- Lyo.Images (>= 3.0.0)
- Lyo.QRCode (>= 3.0.0)
- Lyo.Web.Components (>= 3.0.0)
- MudBlazor (>= 9.3.0 && < 10.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.