# ASP.NET Core DropDownButton Overview

The Telerik UI DropDownButton TagHelper and HtmlHelper for ASP.NET Core are server-side wrappers for the Kendo UI DropDownButton widget.

The DropDownButton combines the functionality of a button with that of a dropdown element. It allows users to click the primary button and open the drop-down popup to choose from a list of additional actions.

* [Demo page for the DropDownButton](https://demos.telerik.com/aspnet-core/dropdownbutton)

## Initializing the DropDownButton

The following example demonstrates how to define the DropDownButton.

```Razor HtmlHelper
    @(Html.Kendo().DropDownButton()
        .Name("DropDownButton")
        .Text("Paste")
        .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");
            items.Add().Id("paste-markdown").Text("Paste Markdown").Icon("clipboard-markdown");
            items.Add().Id("paste-default").Text("Set Default Paste");
        })
    )
```

```Razor TagHelper
    <kendo-dropdownbutton name="DropDownButton" text="Paste" icon="clipboard">
        <dropdownbutton-items>
            <item id="keep-text" text="Keep Text Only" icon="clipboard-text"></item>
            <item id="paste-html" text="Paste as HTML" icon="clipboard-code"></item>
            <item id="paste-markdown" text="Paste Markdown" icon="clipboard-markdown"></item>
            <item id="paste-default" text="Set Default Paste"></item>
        </dropdownbutton-items>
    </kendo-dropdownbutton>
```

## Functionality and Features

* [Items](https://www.telerik.com/aspnet-core-ui/documentation/html-helpers/navigation/dropdownbutton/items)—You can configure the DropDownButton by adding items to the popup and customizing them.
* [Appearance](https://www.telerik.com/aspnet-core-ui/documentation/html-helpers/navigation/dropdownbutton/appearance)—You can customize the appearance of the DropDownButton by configuring its size, fill mode, theme color, and border radius.
* [Icons](https://www.telerik.com/aspnet-core-ui/documentation/html-helpers/navigation/dropdownbutton/icons)—You can enhance the DropDownButton's textual content by adding icons.
* [Accessibility](https://www.telerik.com/aspnet-core-ui/documentation/html-helpers/navigation/dropdownbutton/accessibility/overview)—You can access the DropDownButton by using different screen readers.
* [Events](https://www.telerik.com/aspnet-core-ui/documentation/html-helpers/navigation/dropdownbutton/events)—Handling the `Click()`, `Open()`, and `Close()` events of the DropDownButton allows you to implement custom functionality.

## Next Steps

* [Getting Started with the DropDownButton](https://www.telerik.com/aspnet-core-ui/documentation/html-helpers/navigation/dropdownbutton/getting-started)
* [Basic Usage of the DropDownButton for ASP.NET Core (Demo)](https://demos.telerik.com/aspnet-core/dropdownbutton/index)

## See Also

* [Using the API of the DropDownButton for ASP.NET Core (Demo)](https://demos.telerik.com/aspnet-core/dropdownbutton/api)
* [Knowledge Base Section](https://www.telerik.com/aspnet-core-ui/documentation/knowledge-base)