Osirion.Blazor.Navigation
2.1.3
dotnet add package Osirion.Blazor.Navigation --version 2.1.3
NuGet\Install-Package Osirion.Blazor.Navigation -Version 2.1.3
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="Osirion.Blazor.Navigation" Version="2.1.3" />
For projects that support PackageReference, copy this XML node into the project file to reference the package.
<PackageVersion Include="Osirion.Blazor.Navigation" Version="2.1.3" />
<PackageReference Include="Osirion.Blazor.Navigation" />
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 Osirion.Blazor.Navigation --version 2.1.3
The NuGet Team does not provide support for this client. Please contact its maintainers for support.
#r "nuget: Osirion.Blazor.Navigation, 2.1.3"
#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.
#addin nuget:?package=Osirion.Blazor.Navigation&version=2.1.3
#tool nuget:?package=Osirion.Blazor.Navigation&version=2.1.3
The NuGet Team does not provide support for this client. Please contact its maintainers for support.
Osirion.Blazor.Navigation
Enhanced navigation components for Blazor applications that work seamlessly with SSR.
Features
- EnhancedNavigation: Improves Blazor's navigation experience with scroll restoration
- ScrollToTop: Adds a customizable "back to top" button
- SSR Compatible: Works with Server-Side Rendering and Static SSG
- Minimal JavaScript: Uses progressive enhancement for interactive features
- Framework Integration: Works with any CSS framework
Installation
dotnet add package Osirion.Blazor.Navigation
Usage
Quick Start
// In Program.cs
using Osirion.Blazor.Navigation.Extensions;
builder.Services.AddOsirionNavigation(navigation => {
navigation
.UseEnhancedNavigation()
.AddScrollToTop();
});
@using Osirion.Blazor.Navigation.Components
<EnhancedNavigation Behavior="ScrollBehavior.Smooth" />
<ScrollToTop Position="Position.BottomRight" />
Scroll to Top Button
<ScrollToTop />
<ScrollToTop
Position="Position.BottomRight"
Behavior="ScrollBehavior.Smooth"
VisibilityThreshold="300"
Text="Top" />
Enhanced Navigation
<EnhancedNavigation
Behavior="ScrollBehavior.Smooth"
ResetScrollOnNavigation="true"
PreserveScrollForSamePageNavigation="true" />
Customizing with CSS Variables
Customize the appearance with CSS variables:
:root {
--osirion-scroll-background: rgba(0, 0, 0, 0.3);
--osirion-scroll-color: #ffffff;
--osirion-scroll-size: 40px;
--osirion-scroll-margin: 20px;
--osirion-scroll-border-radius: 4px;
}
Documentation
For more detailed documentation, see Navigation Documentation.
License
This project is licensed under the MIT License - see the LICENSE file for details.
| Product | Versions Compatible and additional computed target framework versions. |
|---|---|
| .NET | 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. net9.0 is compatible. net9.0-android was computed. net9.0-browser was computed. net9.0-ios was computed. net9.0-maccatalyst was computed. net9.0-macos was computed. net9.0-tvos was computed. net9.0-windows was computed. net10.0 was computed. 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.
-
net8.0
- Osirion.Blazor.Core (>= 2.1.3)
-
net9.0
- Osirion.Blazor.Core (>= 2.1.3)
NuGet packages (1)
Showing the top 1 NuGet packages that depend on Osirion.Blazor.Navigation:
| Package | Downloads |
|---|---|
|
Osirion.Blazor
Modern, high-performance Blazor components and utilities. Features SSR-compatible components for navigation, analytics, content management, and theming with seamless CSS framework integration. |
GitHub repositories
This package is not used by any popular GitHub repositories.