ModelingEvolution.FloatingWindow
1.0.1
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 ModelingEvolution.FloatingWindow --version 1.0.1
NuGet\Install-Package ModelingEvolution.FloatingWindow -Version 1.0.1
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="ModelingEvolution.FloatingWindow" Version="1.0.1" />
For projects that support PackageReference, copy this XML node into the project file to reference the package.
<PackageVersion Include="ModelingEvolution.FloatingWindow" Version="1.0.1" />
<PackageReference Include="ModelingEvolution.FloatingWindow" />
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 ModelingEvolution.FloatingWindow --version 1.0.1
The NuGet Team does not provide support for this client. Please contact its maintainers for support.
#r "nuget: ModelingEvolution.FloatingWindow, 1.0.1"
#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 ModelingEvolution.FloatingWindow@1.0.1
#: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=ModelingEvolution.FloatingWindow&version=1.0.1
#tool nuget:?package=ModelingEvolution.FloatingWindow&version=1.0.1
The NuGet Team does not provide support for this client. Please contact its maintainers for support.
ModelingEvolution.FloatingWindow
A draggable, resizable floating window component for Blazor applications using MudBlazor.
Installation
dotnet add package ModelingEvolution.FloatingWindow
Setup
- Add the CSS to your
App.razoror_Host.cshtml:
<link href="_content/ModelingEvolution.FloatingWindow/floatingWindow.css" rel="stylesheet" />
- Add the namespace to your
_Imports.razor:
@using ModelingEvolution.FloatingWindow
Usage
@page "/"
<MudButton OnClick="() => isWindowVisible = true">Open Window</MudButton>
<FloatingWindow @bind-IsVisible="isWindowVisible"
Title="My Window"
Left="100"
Top="100"
Width="400"
Height="300">
<p>Window content goes here</p>
</FloatingWindow>
@code {
private bool isWindowVisible = false;
}
Parameters
| Parameter | Type | Default | Description |
|---|---|---|---|
Title |
string |
"Window" |
Window title displayed in the header |
IsVisible |
bool |
false |
Controls window visibility (supports two-way binding) |
Left |
double |
100 |
Initial X position in pixels |
Top |
double |
100 |
Initial Y position in pixels |
Width |
double |
400 |
Initial width in pixels |
Height |
double |
300 |
Initial height in pixels |
MinWidth |
double |
200 |
Minimum width when resizing |
MinHeight |
double |
150 |
Minimum height when resizing |
CanClose |
bool |
true |
Show/hide close button |
CanMaximize |
bool |
true |
Show/hide maximize button |
CanResize |
bool |
true |
Enable/disable resize handle |
ChildContent |
RenderFragment |
- | Window content |
Features
- Draggable: Click and drag the header to move the window
- Resizable: Drag the bottom-right corner to resize
- Minimize: Collapse to show only the header
- Maximize: Expand to fill the viewport
- Close: Hide the window (controlled via
IsVisible) - MudBlazor Integration: Uses MudBlazor theming and components
- Dark Theme Support: Automatically adapts to MudBlazor dark theme
Requirements
- .NET 10.0 or later
- MudBlazor 8.0.0 or later
License
MIT
| 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
- MudBlazor (>= 8.15.0)
NuGet packages
This package is not used by any NuGet packages.
GitHub repositories
This package is not used by any popular GitHub repositories.