HeadlessBlazor.FloatingElement 1.0.0-preview7

This is a prerelease version of HeadlessBlazor.FloatingElement.

dotnet add package HeadlessBlazor.FloatingElement --version 1.0.0-preview7

NuGet\Install-Package HeadlessBlazor.FloatingElement -Version 1.0.0-preview7

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.FloatingElement" Version="1.0.0-preview7" />

For projects that support PackageReference, copy this XML node into the project file to reference the package.

<PackageVersion Include="HeadlessBlazor.FloatingElement" Version="1.0.0-preview7" />
                    

                            Directory.Packages.props

<PackageReference Include="HeadlessBlazor.FloatingElement" />
                    

                            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.FloatingElement --version 1.0.0-preview7

The NuGet Team does not provide support for this client. Please contact its maintainers for support.

#r "nuget: HeadlessBlazor.FloatingElement, 1.0.0-preview7"

#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.FloatingElement@1.0.0-preview7

#: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.FloatingElement&version=1.0.0-preview7&prerelease
                    

                            Install as a Cake Addin

#tool nuget:?package=HeadlessBlazor.FloatingElement&version=1.0.0-preview7&prerelease
                    

                            Install as a Cake Tool

The NuGet Team does not provide support for this client. Please contact its maintainers for support.

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.

HeadlessBlazor.FloatingElement

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

HeadlessBlazor.OutsideClick

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

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.

net10.0
- HeadlessBlazor.Core (>= 1.0.0-preview7)
- Microsoft.AspNetCore.Components.Web (>= 10.0.9)

NuGet packages (2)

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

Package	Downloads
HeadlessBlazor.Dropdown A headless dropdown componenet for Blazor.	685
HeadlessBlazor A bundle of Blazor components, completely free of styling. Inspired by HeadlessUI.	652

GitHub repositories

This package is not used by any popular GitHub repositories.

Version	Downloads	Last Updated
1.0.0-preview7	44	7/12/2026
1.0.0-preview6	40	7/12/2026
1.0.0-preview5	43	7/12/2026
1.0.0-preview4	41	7/12/2026
1.0.0-preview3	221	2/15/2025
1.0.0-preview2	149	5/20/2024