background

UI for ASP.NET Core

ASP.NET Core DropDownButton

  • The ASP.NET Core DropDownButton component renders a button that opens a popup list of action items.
  • Part of the Telerik UI for ASP.NET Core library along with 110+ professionally designed UI components.
  • Includes support, documentation, demos, virtual classrooms, Visual Studio Code Extensions and more!
Telerik UI for ASP.NET Core DropDownButton - Header
  • The Telerik UI for ASP.NET Core DropDownButton component renders as a button that opens a popup list of action items. The DropDownButton component supports icons, images, data binding and multiple appearance customization options.

    See the UI for ASP.NET Core DropDownButton component demo.

    Telerik UI for ASP.NET Core DropDownButton Component
  • You can easily configure each of the dropdown button items individually. Whether it’s styling a text, adding an icon or disabling an item—the component offers all customizations out of the box.

    See the UI for ASP.NET Core DropDownButton items demo.

    Telerik UI for ASP.NET Core DropDownButton - Items
  • The UI for ASP.NET Core DropDownButton allows rendering of text, icons or a combination of both. You can add icons to the button and to each of the items in the dropdown list.

    See an example of adding icons to the ASP.NET Core DropDownButton items.

     

    Telerik UI for ASP.NET Core DropDownButton - Icons
  • The DropDownButton component includes multiple built-in properties to help you customize its look and feel in minutes. The appearance configuration options include button size, theme color, fill mode and border radius.

    Try out the different appearance settings for the ASP.NET Core DropDownButton component.

     

  • The DropDownButton component for ASP.NET Core supports built-in keyboard shortcuts for focusing and interacting with the component using only a keyboard.

    Try out the keyboard shortcuts for the ASP.NET Core DropDownButton component.

    Telerik UI for Blazor Keyboard Navigation and Accessibility
  • The ASP.NET Core DropDownButton control is compliant with Section 508 and follows all WCAG 2.1 guidelines to be easily accessed by all users.

     

    Accessibility Improvements
  • HTML and TAG Helpers

    Like the rest of the Telerik UI for ASP.NET Core components, the DropDownButton comes with two options for implementation—using HTML or Tag helpers. 

     

    Telerik UI for ASP.NET Core Tag HTML Helpers
  • You can satisfy any cultural preference with the Telerik UI for ASP.NET Core DropDownButton component by toggling between left-to-right and right-to-left text direction with only a few settings. 

    See an example of ASP.NET Core DropDownButton right-to-left support.

    rtl-support
  • The ASP.NET Core DropDownButton component has several built-in themes such as Default (our own styling), Material (based on the Material Design guidelines), Bootstrap and Fluent (based on Microsoft Fluent UI). You can easily customize any of the out-of-the-box themes with a few lines of CSS or create a new one to match your branding by using the Telerik SASS ThemeBuilder application. 

     

    Telerik ASP.NET Core DropDownButton-Theming

All ASP.NET Core Components

Next Steps