A component that lets you render a primary action with a dropdown of related commands. Supports custom main button content, item containers and popup settings, optional arrow button, and JS initialization for interactions.
Definition
Namespace:Telerik.Blazor.Components
Assembly:Telerik.Blazor.dll
Syntax:
public class TelerikDropDownButton : DropDownButtonBase, IComponent, IHandleEvent, IHandleAfterRender, IDisposable, IPopupContainer, IAsyncDisposableInheritance: objectComponentBaseBaseComponentButtonBaseDropDownButtonBaseTelerikDropDownButton...
Implements:
Inherited Members
Constructors
public TelerikDropDownButton()Properties
Defines the content of the main DropDownButton action button. Children: allows arbitrary content.
[Parameter]
public RenderFragment DropDownButtonContent { get; set; }Defines the container tag for the dropdown buttons items.See DropDownButtonItem. Children: DropDownButtonItem.
[Parameter]
public RenderFragment DropDownButtonItems { get; set; }Defines the container tag for additional DropDownButton settings. The parameters should be set in a DropDownButtonPopupSettings tag. Children: DropDownButtonPopupSettings. Also accepts DropDownButtonWebMcpSettings to configure WebMCP tool names and overrides.
[Parameter]
public RenderFragment DropDownButtonSettings { get; set; }Exposes popup open and close operations as WebMCP tools discoverable by AI models through the browser.
Requires an enabled button and at least one configured item. Defaults to false.
Configure names and overrides in DropDownButtonSettings.
Item actions require an explicitly enabled SelectItem override and can run application code.
[Parameter]
public bool EnableWebMcpTools { get; set; }Fires before the popup closes, both on user interaction and when calling CloseAsync(). Set IsCancelled to true to keep the popup open.
[Parameter]
public EventCallback<DropDownButtonCloseEventArgs> OnClose { get; set; }Fires before the popup opens, both on user interaction and when calling OpenAsync(). Set IsCancelled to true to prevent the opening.
[Parameter]
public EventCallback<DropDownButtonOpenEventArgs> OnOpen { get; set; }Defines whether to render an arrow button for opening the DropDownButton. Default value is true.
[Parameter]
public bool ShowArrowButton { get; set; }Methods
protected override void BuildRenderTree(RenderTreeBuilder __builder)Overrides: