Blazor DropDownButton - Overview

CONSOLE Clear log
  • Overview.razor
Loading the demo source code...please wait.

Style in ThemeBuilder

  • Custom SASS variables
  • Atomic customizations
  • Sharing projects
Start Theming
blazor ui ninja image

The DropDownButton component is part of Telerik UI for Blazor, a professional grade UI library with 110+ native components for building modern and feature-rich applications. To try it out sign up for a free 30-day trial.

Description

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

The Blazor DropDownButton provides various configuration options to make it as easy as possible to satisfy your requirements. You can choose to use built-in or custom icons with your DropDownButton via the Icon parameter of the component and each DropDownButtonItem.

The Blazor DropDownButton provides a variety of appearance settings for fill, rounded corners, button shape, size and color.

The Blazor DropDownButton exposes an OnClick event that fires when the user clicks or taps on the button or one of its child items.

The demo above shows a Blazor DropDownButton example of a typical word processor Paste button. If a user clicks or taps, the default Paste action is executed. If the user drops down the menu, they can choose from Paste Text, Paste as HTML and Paste Markdown commands. Note that you can use the Change Theme menu to see what the buttons look like in various themes and palettes.

This DropDownButton Overview example is part of a unique collection of hundreds of Blazor demos, with which you can see all Telerik UI for Blazor components and their features in action. View the source code of the demos from the library or directly adapt, and edit them and their theme appearance in Telerik REPL for Blazor or ThemeBuilder.

Support & Learning Resources

Additional Resources

An error has occurred. This application may no longer respond until reloaded.