PanelMenu (Blazor)

This article demonstrates how to use the PanelMenu component. Check also the component guide and API reference.

PanelMenu Properties

Name Type Default Description
Name string ‘panelmenu’ + index suffix Unique name of the component.
Visible boolean true Is menu visible.
Style string null In-line CSS style.
Items array empty Menu items.
Template string null PanelMenu template.

PanelMenu Events

Name Type Default Description
Click event null Click event of the PanelMenu. MenuItemEventArgs as event arguments.

PanelMenu Properties

Name Type Default Description
Text string null The text displayed by the menu item.
Value string null The value for the menu item.
Icon string null PanelMenu item icon.
Image string null PanelMenu item image.
Path string null Navigate path.
Target string null Navigate target.
Parameters array empty Navigate parameters.
Selected bool false Specifies whether the item is selected or not.

Blazor declaration

<RadzenPanelMenu>
    <ChildContent>
        <RadzenPanelMenuItem Text="General" Icon="home">
            <RadzenPanelMenuItem Text="Buttons" Path="buttons" Icon="account_circle"></RadzenPanelMenuItem>
            <RadzenPanelMenuItem Text="Menu" Path="menu" Icon="line_weight"></RadzenPanelMenuItem>
            <RadzenPanelMenuItem Text="FileInput" Path="fileinput" Icon="attach_file"></RadzenPanelMenuItem>
            <RadzenPanelMenuItem Text="Dialog" Path="dialog" Icon="perm_media"></RadzenPanelMenuItem>
            <RadzenPanelMenuItem Text="Notification" Path="notification" Icon="announcement"></RadzenPanelMenuItem>
        </RadzenPanelMenuItem>
        <RadzenPanelMenuItem Text="More">
            <RadzenPanelMenuItem Text="Item1"></RadzenPanelMenuItem>
            <RadzenPanelMenuItem Text="Item2"></RadzenPanelMenuItem>
            <RadzenPanelMenuItem Text="More items">
                <RadzenPanelMenuItem Text="More sub items">
                    <RadzenPanelMenuItem Text="Item1"></RadzenPanelMenuItem>
                    <RadzenPanelMenuItem Text="Item2"></RadzenPanelMenuItem>
                </RadzenPanelMenuItem>
            </RadzenPanelMenuItem>
        </RadzenPanelMenuItem>
    </ChildContent>
</RadzenPanelMenu>