@using Syncfusion.EJ2.Blazor.SplitButtons
<EjsDropDownButton Items="@ddlItems" IconCss="e-ddb-icons e-profile">
<DropDownButtonEvents ItemSelected="ShowArchiveModal"></DropDownButtonEvents>
</EjsDropDownButton>
@code{
public List<Syncfusion.EJ2.Blazor.SplitButtons.DropDownButtonItem> ddlItems { get; set; } = new List<Syncfusion.EJ2.Blazor.SplitButtons.DropDownButtonItem>
{
new Syncfusion.EJ2.Blazor.SplitButtons.DropDownButtonItem { Text = "Dashboard", IconCss = "e-ddb-icons e-dashboard" },
new Syncfusion.EJ2.Blazor.SplitButtons.DropDownButtonItem { Text = "Notifications", IconCss = "e-ddb-icons e-notifications" },
new Syncfusion.EJ2.Blazor.SplitButtons.DropDownButtonItem { Text = "User Settings", IconCss = "e-ddb-icons e-settings" },
new Syncfusion.EJ2.Blazor.SplitButtons.DropDownButtonItem { Text = "Log Out", IconCss = "e-ddb-icons e-logout" }
};
public void ShowArchiveModal(MenuEventArgs args)
{
Console.WriteLine("select event triggered");
}
} |