BlazorAddons 0.4.0-alpha

This is a prerelease version of BlazorAddons.
There is a newer prerelease version of this package available.
See the version list below for details.
dotnet add package BlazorAddons --version 0.4.0-alpha
NuGet\Install-Package BlazorAddons -Version 0.4.0-alpha
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="BlazorAddons" Version="0.4.0-alpha" />
For projects that support PackageReference, copy this XML node into the project file to reference the package.
paket add BlazorAddons --version 0.4.0-alpha
#r "nuget: BlazorAddons, 0.4.0-alpha"
#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.
// Install BlazorAddons as a Cake Addin
#addin nuget:?package=BlazorAddons&version=0.4.0-alpha&prerelease

// Install BlazorAddons as a Cake Tool
#tool nuget:?package=BlazorAddons&version=0.4.0-alpha&prerelease

Disclaimer: This is a hobby project and I can't guarentee robustness of the components or future bug fixes. Use at your own risk. If anything here is of interest for use in a production environment, forking may be a better option.

Blazor Addons

This repository holds a few custom blazor components.

Installation

Add the following to index.html (client-side) or _Host.cshtml (server-side)

<link rel="stylesheet" href="_content/BlazorAddons/styles.css" />

Add the following to _Imports.razor

@using BlazorAddons

Components

FileUpload

This component seeks to fix a flaw in the file upload provided by base Blazor, and all 3rd party components base off it - namely the inability to upload files in multiple batches. The built-in file upload component only allows uploading the most recent batch of files to be added by the user.

This component has basic validation and file management (delete and rename). It was created to be easily configurable by inheriting from it and FileRender and replacing only the needed rendering. It also supports reporting download progress.

Model

a wrapper for the <dialog> HTML component that adds the ability to close if you click outside the modal.

Overlay

This component is opens a popover. It allows positioning relative to the parent element or the viewport and supports auto flipping X/Y if there's more room on the other side. It can have an arrow or not.

Tooltip

A simple tooltip that uses Overlay.

Other features

Both Modal and Overlay support opening such that a task is returned which will be resolved to cancled or a result when it is closed.

Product Compatible and additional computed target framework versions.
.NET net6.0 is compatible.  net6.0-android was computed.  net6.0-ios was computed.  net6.0-maccatalyst was computed.  net6.0-macos was computed.  net6.0-tvos was computed.  net6.0-windows was computed.  net7.0 is compatible.  net7.0-android was computed.  net7.0-ios was computed.  net7.0-maccatalyst was computed.  net7.0-macos was computed.  net7.0-tvos was computed.  net7.0-windows was computed.  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. 
Compatible target framework(s)
Included target framework(s) (in package)
Learn more about Target Frameworks and .NET Standard.

NuGet packages

This package is not used by any NuGet packages.

GitHub repositories

This package is not used by any popular GitHub repositories.

Version Downloads Last updated
0.4.3-alpha 65 5/9/2024
0.4.0-alpha 64 4/29/2024
0.3.9-alpha 83 4/22/2024
0.3.6-alpha 44 4/11/2024
0.3.4-alpha 48 4/9/2024
0.3.3-alpha 58 4/7/2024
0.3.1-alpha 50 4/5/2024
0.3.0-alpha 55 4/4/2024
0.2.4-alpha 62 3/30/2024

Fix <Modal> bug which prevents it from being opened some times and improve how quickly it closes.
Fix <OverlayProvider> to always reuse the same HTML element for a given blazor component (prevents flashing of content when overlays before it are removed).
Change <TFileUpload>/<FileUpload>:
  Add ability to disable
  Don't validate on code changes to the list of files or validation function parameter changes - validate() can be called manually
  Allow validation state to be reset
  Make Validate() async
  Renamed several FrontEndFile members to make them more standard and added: ContentType, LastModified