New to Telerik UI for Blazor? Start a free 30-day trial

TelerikButtonGroup

Class

A component that lets you group related buttons with single or multiple selection. Supports equal-width stretching, custom content, and synchronizes toggle button selection with the configured mode. Children: ButtonGroupToggleButton and ButtonGroupButton.

Definition

Namespace:Telerik.Blazor.Components

Assembly:Telerik.Blazor.dll

Syntax:

public class TelerikButtonGroup : BaseComponent, IComponent, IHandleEvent, IHandleAfterRender, IDisposable

Inheritance: objectComponentBaseBaseComponentTelerikButtonGroup

Implements: IComponentIDisposableIHandleAfterRenderIHandleEvent

Constructors

TelerikButtonGroup()

public TelerikButtonGroup()

Methods

BuildRenderTree(RenderTreeBuilder)

protected override void BuildRenderTree(RenderTreeBuilder __builder)

Parameters:__builderRenderTreeBuilder

Overrides: ComponentBase.BuildRenderTree(RenderTreeBuilder)

OnParametersSetAsync()

Task

protected override Task OnParametersSetAsync()

Returns:

Task

Overrides: ComponentBase.OnParametersSetAsync()

Properties

ChildContent

RenderFragment

The content of the ButtonGroup component. Children: ButtonGroupToggleButton and ButtonGroupButton.

[Parameter]
public RenderFragment? ChildContent { get; set; }

Enabled

bool

Defines whether the buttongroup should be enabled. Default value is true.

[Parameter]
public bool Enabled { get; set; }

SelectionMode

ButtonGroupSelectionMode

Defines the selection mode of the ButtonGroup. Default value is Single. Applicable only for ButtonGroupToggleButton.

[Parameter]
public ButtonGroupSelectionMode SelectionMode { get; set; }

Width

string

Defines the width of the buttongroup. Buttons will be equally stretched to fit the width.

[Parameter]
public string? Width { get; set; }