DxButtonGroup.SizeMode Property
Specifies the size of the Button Group component and its items.
Namespace: DevExpress.Blazor
Assembly: DevExpress.Blazor.v25.1.dll
NuGet Package: DevExpress.Blazor
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 |
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.
<DxButtonGroup SizeMode="SizeMode.Small"
RenderStyle="ButtonRenderStyle.Secondary">
<Items>
<DxButtonGroupItem Text="Admin" />
<DxButtonGroupItem Text="Editor" />
<DxButtonGroupItem Text="Guest" />
</Items>
</DxButtonGroup>
<DxButtonGroup SizeMode="SizeMode.Medium"
RenderStyle="ButtonRenderStyle.Secondary">
<Items>
<DxButtonGroupItem Text="Admin" />
<DxButtonGroupItem Text="Editor" />
<DxButtonGroupItem Text="Guest" />
</Items>
</DxButtonGroup>
<DxButtonGroup SizeMode="SizeMode.Large"
RenderStyle="ButtonRenderStyle.Secondary">
<Items>
<DxButtonGroupItem Text="Admin" />
<DxButtonGroupItem Text="Editor" />
<DxButtonGroupItem Text="Guest" />
</Items>
</DxButtonGroup>
See Also