New to Telerik UI for Blazor? Download Free 30-day trial
Menu - Orientation
- EDIT IN TELERIK REPL
- Change Theme
Select the orientation of the menuVertical
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:
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
Vertical orientation of the Blazor Menu and explore the differences.