HeadlessBlazor.OutsideClick 1.0.0-preview8

This is a prerelease version of HeadlessBlazor.OutsideClick.
dotnet add package HeadlessBlazor.OutsideClick --version 1.0.0-preview8
                    
NuGet\Install-Package HeadlessBlazor.OutsideClick -Version 1.0.0-preview8
                    
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="HeadlessBlazor.OutsideClick" Version="1.0.0-preview8" />
                    
For projects that support PackageReference, copy this XML node into the project file to reference the package.
<PackageVersion Include="HeadlessBlazor.OutsideClick" Version="1.0.0-preview8" />
                    
Directory.Packages.props
<PackageReference Include="HeadlessBlazor.OutsideClick" />
                    
Project file
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 HeadlessBlazor.OutsideClick --version 1.0.0-preview8
                    
#r "nuget: HeadlessBlazor.OutsideClick, 1.0.0-preview8"
                    
#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 HeadlessBlazor.OutsideClick@1.0.0-preview8
                    
#: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=HeadlessBlazor.OutsideClick&version=1.0.0-preview8&prerelease
                    
Install as a Cake Addin
#tool nuget:?package=HeadlessBlazor.OutsideClick&version=1.0.0-preview8&prerelease
                    
Install as a Cake Tool

Headless Blazor Header Image

Headless Blazor is a style-agnostic component library for Blazor. Inspired by Headless UI.

Installation

This library is very much a work-in-progress. Contributions are welcome!

Quick Start

Install the bundle from NuGet:

dotnet add package HeadlessBlazor

Then add the following to your Program.cs:

builder.Services.AddHeadlessBlazor();

And add a using to your _Imports.razor file:

@using HeadlessBlazor

Individual Packages

Looking for individual components? Each component is packaged separately, so if you're only after one or two specific components, you can install those individually.

HeadlessBlazor.Dropdown

A headless dropdown component.

NuGet Version

HeadlessBlazor.FloatingElement

Enables dynamic float behavior for components like popovers, tooltips, dropdowns, etc.

NuGet Version

HeadlessBlazor.OutsideClick

Enables handling of click events that occur outside of a component.

NuGet Version

Product 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.

NuGet packages (2)

Showing the top 2 NuGet packages that depend on HeadlessBlazor.OutsideClick:

Package Downloads
HeadlessBlazor.Dropdown

A headless dropdown componenet for Blazor.

HeadlessBlazor

A bundle of Blazor components, completely free of styling. Inspired by HeadlessUI.

GitHub repositories

This package is not used by any popular GitHub repositories.

Version Downloads Last Updated
1.0.0-preview8 0 7/14/2026
1.0.0-preview7 43 7/12/2026
1.0.0-preview6 40 7/12/2026
1.0.0-preview5 44 7/12/2026
1.0.0-preview4 44 7/12/2026
1.0.0-preview3 226 2/15/2025
1.0.0-preview2 139 5/20/2024