Syncfusion.Blazor.Navigations 19.2.0.55

A package of Syncfusion Blazor Components.

List of Components:

• Accordion
• Context Menu
• Menu Bar
• Tabs
• Toolbar
• Treeview
• Sidebar

Accordion

An Accordion is a vertically collapsible panel that displays one or more panels at a time within the available space.

Key features

• Expand mode - Supports both single and multiple expand modes to the Accordion panels.
• RTL - Displays the Accordion component in the right-to-left direction.
• Template - Customizes each accordion pane and its header with HTML elements or Blazor UI components.

Context Menu

The Blazor Context Menu component is a graphical user interface that appears on the user right click/touch hold operation.

Key features

• Navigation - Supports to navigate to the other web page when menu item is clicked.
• Multilevel Nesting - Support to create multilevel nesting context menu.
• Icons - Supports menu item have an icon/image in it to provide visual representation of the action.

Menu Bar

The Blazor Menu Bar component is a graphical user interface that serve as navigation headers for your application.

Key features

• Data binding - Supports data source bindings such as data source that can be structured as Self-referential data.
• Template - Support to create custom user experience. Blazor Menu Bar provides template for each menu item to customize the entire Menu UI.
• Orientations - Supports vertical and horizontal orientation.
• Icons - Supports menu item have an icon/image in it to provide visual representation of the action.

Tabs

The Tab is a content panel that shows multiple contents in a specific space, one at a time.

Key features

• Adaptive - Supports both scrollable and popup modes to handle overflowing items.
• Header orientation - Provides support to place its header with different orientations.
• Template - Customizes each tab and its header with HTML elements or Blazor UI components.
• Animation - Configures animation effects for moving the previous or next tab.

Toolbar

A toolbar displays a group of command buttons arranged horizontally

Key features

• Scrollable - Displays the toolbar commands in a single line with horizontal scrolling enabled when commands overflow the available space.
• Popup - Displays commands in a popup when the commands overflow the available space.
• Template - Customizes each item of the toolbar with HTML elements.
• Keyboard interaction - Allows accessing all the commands by using a keyboard.

Treeview

The Blazor TreeView represents hierarchical data in a tree like structure with advanced functions to edit, drag and drop, select with CheckBox and more.

Key features

• Data Binding - Supports data binding to display the tree nodes from the local or server-side data source.
• CheckBox support - Check more than one node in TreeView without affecting the UI appearance.
• NodeTemplate support - Customizes each node of Treeview component.
• Drag and Drop support - Nodes can be dragged and dropped at all levels of the same TreeView.
• MultiSelection - Select more than one node in TreeView. To multi-select, press and hold CTRL key and click the desired nodes.
• Editing - Editing all the nodes of TreeView component.
• Accessibility - Provides built-in accessibility support that helps to access all the Treeview control features through the keyboard, on-screen readers, or other assistive technology devices.

Sidebar

The Blazor Sidebar is an expandable and collapsible component that typically acts as a side container to place primary or secondary content alongside the main content.

Key features

• Dock - Dock state of the Sidebar reserves some space on the page that always remains in a visible state when the Sidebar is collapsed.
• MediaQuery - Opened or closed state corresponding to the specified resolution.
• EnableBackDrop - Prevent the main content from user interactions.
• Animation - Different types of slide-out content in the Blazor Sidebar component give users the flexibility to view or hide content over or above the main content by pushing, sliding, or overlaying it.
• Position - Sidebars can be initialized on right side or left side of the main content using this property.
• Types - Specifies the open type of Sidebar component.

Related links

Learn More about Blazor UI components

Documentation

Release History

Online Demos

Contact Support

Suggest a feature or report a bug

Pricing

About Syncfusion

Founded in 2001 and headquartered in Research Triangle Park, N.C., Syncfusion has more than 23,000+ customers and more than 1 million users, including large financial institutions, Fortune 500 companies, and global IT consultancies.

Today, we provide 1600+ controls and frameworks for web (Blazor, ASP.NET Core, ASP.NET MVC, ASP.NET WebForms, JavaScript, Angular, React, Vue, and Flutter), mobile (Xamarin, Flutter, UWP, and JavaScript), and desktop development (Windows Forms, WPF, WinUI(Preview), Flutter and UWP). We provide ready-to-deploy enterprise software for dashboards, reports, data integration, and big data processing. Many customers have saved millions in licensing fees by deploying our software.

This is a commercial product and requires a paid license for possession or use. Syncfusion’s licensed software, including this component, is subject to the terms and conditions of Syncfusion's EULA. To acquire a license, you can purchase one here or start a free 30-day trial here.

sales@syncfusion.com | www.syncfusion.com | Toll Free: 1-888-9 DOTNET

© Copyright 2021 Syncfusion, Inc. All Rights Reserved. The Syncfusion Essential Studio license and copyright applies to this distribution.