Core Navigation Components Overview

The Osirion.Blazor Core Navigation module provides essential navigation components that enhance user experience and site wayfinding. These components help users understand their location within your application and navigate efficiently.

Available Components

Breadcrumbs

A hierarchical navigation component that shows the user's current location within the site structure, providing clear paths back to parent pages and improving overall navigation experience.

Read More Link

An interactive link component designed for content truncation and expansion, allowing users to reveal additional content without navigating away from the current page.

Key Features

• Hierarchical Navigation: Clear parent-child relationship display
• SEO Benefits: Structured data support for search engines
• Responsive Design: Mobile-friendly navigation patterns
• Accessibility: Screen reader support and keyboard navigation
• Customizable Styling: Flexible appearance and theming options

Getting Started

To use navigation components in your project:

@using Osirion.Blazor.Core

<Breadcrumbs CurrentPage="@currentPage" 
             ShowHome="true" 
             Separator="/" 
             MaxItems="5" />

<ReadMoreLink Text="@longContent" 
              MaxLength="150" 
              ExpandText="Read more" 
              CollapseText="Show less" />

Breadcrumbs Features

The Breadcrumbs component offers:

• Automatic Generation: Build breadcrumbs from route data
• Custom Separators: Choose from various separator styles
• Truncation Options: Handle deep navigation hierarchies
• Rich Snippets: Built-in structured data for SEO
• Click Handling: Programmatic navigation support

Read More Link Features

The Read More Link component includes:

• Content Truncation: Intelligent text cutting at word boundaries
• Smooth Animations: Expand/collapse transitions
• Custom Triggers: Configurable expand/collapse text
• Character Limits: Flexible content length management
• Accessibility: Screen reader friendly content revelation

Use Cases

These navigation components are ideal for:

• E-commerce Sites: Product category navigation
• Documentation: Section and subsection navigation
• Blogs: Article category and tag navigation
• Corporate Sites: Department and page hierarchies
• Content Portals: Multi-level content organization

The navigation components integrate seamlessly with Blazor routing and provide consistent navigation patterns across your application.