Files
radzen-blazor/RadzenBlazorDemos/Pages/SplitButtonDropDownIcon.razor
Atanas Korchev 4bbb0eed85 Use semantic button style names in SplitButton demos
Replace generic "SplitButton" text with style-specific labels (Primary,
Secondary, Info, Success, Warning, Danger, Light, Dark) to match the
convention used in the Button demos.
2026-02-18 12:01:27 +02:00

38 lines
1.7 KiB
Plaintext

@inject NotificationService NotificationService
<RadzenStack Orientation="Orientation.Horizontal" AlignItems="AlignItems.Center" JustifyContent="JustifyContent.Center" Gap="1rem" Wrap="FlexWrap.Wrap" class="rz-p-12">
<RadzenSplitButton Click=@(args => OnClick(args, "Primary split button")) Text="Primary" DropDownIcon="keyboard_double_arrow_down">
<ChildContent>
<RadzenSplitButtonItem Text="Item1" Value="1" />
<RadzenSplitButtonItem Text="Item2" Value="2" />
</ChildContent>
</RadzenSplitButton>
<RadzenSplitButton Click=@(args => OnClick(args, "Primary split button")) Text="Primary" DropDownIcon="expand_circle_down">
<ChildContent>
<RadzenSplitButtonItem Text="Item1" Value="1" />
<RadzenSplitButtonItem Text="Item2" Value="2" />
</ChildContent>
</RadzenSplitButton>
<RadzenSplitButton Click=@(args => OnClick(args, "Primary split button")) Text="Primary" DropDownIcon="keyboard_arrow_down">
<ChildContent>
<RadzenSplitButtonItem Text="Item1" Value="1" />
<RadzenSplitButtonItem Text="Item2" Value="2" />
</ChildContent>
</RadzenSplitButton>
</RadzenStack>
@code {
void OnClick(RadzenSplitButtonItem item, string buttonName)
{
if (item != null)
{
NotificationService.Notify(new NotificationMessage { Severity = NotificationSeverity.Info, Summary = "SplitButton Item Clicked", Detail = $"{buttonName}, item with value {item.Value} clicked" });
}
else
{
NotificationService.Notify(new NotificationMessage { Severity = NotificationSeverity.Info, Summary = "SplitButton Clicked", Detail = $"{buttonName} clicked" });
}
}
}