DxButtonGroup.SizeMode Property

Specifies the size of the Button Group component and its items.

Namespace: DevExpress.Blazor

Assembly: DevExpress.Blazor.v26.1.dll

Declaration

[DefaultValue(null)]
[Parameter]
public SizeMode? SizeMode { get; set; }

Property Value

Type	Default	Description
Nullable<SizeMode>	null	The size mode. If the property is not specified (the value is null), the size is determined by the SizeMode global option.

Available values:

Name	Description
Small	Small size.
Medium	Medium size.
Large	Large size.

Remarks

The SizeMode property allows you to apply different size modes to the <DxButtonGroup> component and its items.

@foreach(SizeMode sizeMode in Enum.GetValues<SizeMode>()) {
    <DxButtonGroup SizeMode="sizeMode"
                   RenderStyle="ButtonRenderStyle.Secondary">
        <Items>
            <DxButtonGroupItem Text="Admin" />
            <DxButtonGroupItem Text="Editor" />
            <DxButtonGroupItem Text="Guest" />
        </Items>
    </DxButtonGroup>
}