Navigation and Layout

  • 2 minutes to read

The DevExpress Navigation Suite for Blazor is a set of components designed for more effective data presentation and navigation.

Run Demo: Navigation and Layout - Overview

Context Menu

You can use the Context Menu component to add a context menu to your Blazor application.

Blazor Navigation Landing Context Menu

Run Demo

Form Layout

The Form Layout component allows you to construct responsive edit forms that are automatically arranged.

Blazor Navigation Landing Form Layout

Run Demo Watch Video

Grid Layout

The Grid Layout component allows you to arrange UI elements on a page. The component is based on a CSS Grid Layout: layout items are organized into rows and columns.

Grid Layout

Run Demo Watch Video

You can use the Menu component to add an adaptive menu to your Blazor application.

Menu Overview

Run Demo Watch Video

Pager

The Pager component enables page navigation.

Blazor Navigation Landing Pager

Run Demo

The Popup component is a pop-up window that overlays the current view.

Blazor Navigation Landing Popup

Run Demo

Stack Layout

The Stack Layout component allows you to stack UI elements vertically or horizontally.

Stack Layout

Run Demo Watch Video

Tabs

The Tabs component allows you to build tabbed interfaces within your web sites.

Blazor Navigation Landing Tab

Run Demo

Toolbar

The Toolbar component allows you to implement an adaptive button-based interface in your Blazor application.

Blazor Navigation Landing Toolbar

Run Demo

TreeView

The TreeView component displays hierarchical data structures within a tree-like UI.

Blazor Navigation Landing TreeView

Run Demo