Demos About Radzen
Search Results for

    Show / Hide Table of Contents

    SplitButton component

    This article demonstrates how to use the SplitButton component.

    <RadzenSplitButton Click=@OnClick Text="SplitButton" Icon="account_circle">
        <ChildContent>
            <RadzenSplitButtonItem Text="Item1" Value="1" Icon="account_box" />
            <RadzenSplitButtonItem Text="Item2" Value="2" Icon="account_balance_wallet" />
        </ChildContent>
    </RadzenSplitButton>
    
    @code {
        void OnClick(RadzenSplitButtonItem item)
        {
            if(item != null)
            {
                Console.WriteLine($"Item with value {item.Value} clicked");
            }
            else
            {
                Console.WriteLine($"Button clicked");
            }
        }
    }
    

    Disabled states

    You can disable the whole RadzenSplitButton or only some items of it.

    <RadzenSplitButton Disabled="true" Text="SplitButton">
        <ChildContent>
            <RadzenSplitButtonItem Text="Item1" Value="1" />
            <RadzenSplitButtonItem Text="Item2" Value="2" />
        </ChildContent>
    </RadzenSplitButton>
    
    <RadzenSplitButton Text="SplitButton">
        <ChildContent>
            <RadzenSplitButtonItem Text="Item1" Value="1" />
            <RadzenSplitButtonItem Text="Disabled Item2" Value="2"  Disabled="true" />
        </ChildContent>
    </RadzenSplitButton>
    

    Always open popup with items

    Sometimes you wish do not have default click handler on the main button rather show all available items.

    <RadzenSplitButton AlwaysOpenPopup=true Text="SplitButton">
        <ChildContent>
            <RadzenSplitButtonItem Text="Item1" Value="1" />
            <RadzenSplitButtonItem Text="Item2" Value="2" />
        </ChildContent>
    </RadzenSplitButton>
    

    Introducing Radzen Blazor Studio

    Radzen Blazor Studio is a desktop tool that empowers developers to create beautiful business Blazor apps. Develop your Blazor Server and WebAssembly applications visually with familiar WYSIWYG interface.

    Learn More

    Download Now
    Download Now
    In This Article
    Back to top Radzen Blazor Components, © 2018-2023 Radzen. Source Code licensed under MIT