New to Telerik UI for ASP.NET Core? Download free 30-day trial

Items

The Telerik UI for ASP.NET Core SplitButton provides a various set of options for its Items.

The following example demonstrates how to configure the SplitButton items.

    @(Html.Kendo().SplitButton()
        .Name("splitButton")
        .Icon("clipboard")
        .Items(items =>
        {
            items.Add().Id("keep-text").Text("Keep Text Only").Icon("clipboard-text");
            items.Add().Id("paste-html").Text("Paste as HTML").Icon("clipboard-code").Hidden(true);
            items.Add().Id("paste-markdown").Text("Paste Markdown").Icon("clipboard-markdown").Enabled(false);
            items.Add().Id("favourite").Text("Mark As Favourite").ImageUrl(Url.Content("~/content/shared/icons/16/star.png"));
        })
    )
   <kendo-splitbutton name="splitButton" text="Paste" icon="clipboard">
        <splitbutton-items>
            <item id="keep-text" text="Keep Text Only" icon="clipboard-text"></item>
            <item id="paste-html" text="Paste as HTML" icon="clipboard-code" hidden="true"></item>
            <item id="paste-markdown" text="Paste Markdown" icon="clipboard-markdown" enabled="false"></item>
            <item id="favourite" text="Mark As Favourite" image-url="@Url.Content("~/content/shared/icons/16/star.png")"></item>
        </splitbutton-items>
   </kendo-splitbutton>

See Also

In this article