Skip to main content

Layout

The DevExpress Layout Suite for Blazor is a set of components designed to arrange page content.

Drawer

The Drawer component allows you to add a side panel in your application. The panel might be used for navigational, informational, or other reasons.

Blazor Drawer Overview

Read Tutorial: Explore Features Run Demo

Form Layout

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

Blazor Navigation Landing Form Layout

Read Tutorial: Explore Features 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

Read Tutorial: Explore Features Run Demo Watch Video

Layout Breakpoint

The Layout Breakpoint allows you to adapt a page layout to different screen sizes.

Adaptive Grid Layout

Read Tutorial: Explore Features Run Demo: Layout Breakpoint

Stack Layout

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

Stack Layout

Read Tutorial: Explore Features Run Demo Watch Video

Tabs

The Tabs component allows you to build tabbed interfaces on your websites.

Blazor Navigation Landing Tab

Read Tutorial: Explore Features Run Demo Watch Video

Troubleshooting

If a Blazor application throws unexpected exceptions, refer to the following help topic: Troubleshooting.