Menu - Orientation

The Telerik UI for Blazor Menu displays data in a traditional menu-like structure. It allows you to control the orientation of its items. By design, the Menu orientation targets the root items. The children are displayed in additional popups whose position varies depending on the selected orientation.

The configuration is possible through the Orientation parameter of the component. It takes a member of the MenuOrientation enum. The supported orientation options are:

• Horizontal(default)
• Vertical

If you choose the horizontal orientation, the Menu will render its root level items horizontally. Their children will be displayed in separate popup elements underneath the corresponding parent. The child items will be visible once the user hovers their parent. As this is the default orientation option, you do not need to explicitly set it.

The vertical orientation will allow you render the root level items vertically. Their children will be displayed in separate popup elements on the right side of the corresponding parent. The child items will again be visible once the user hovers their parent.

The current demo allows you to configure the Menu orientation and test both setups. Use the DropDownList in the Configurator section to apply Horizontal or Vertical orientation of the Blazor Menu and explore the differences.