Skip to main content
All docs
V24.2

DevExpress v24.2 Update — Your Feedback Matters

Our What's New in v24.2 webpage includes product-specific surveys. Your response to our survey questions will help us measure product satisfaction for features released in this major update and help us refine our plans for our next major release.

Take the survey Not interested

DxButtonGroup.RenderStyleMode Property

Specifies an item’s color filling type. Applies to all items in the component.

Namespace: DevExpress.Blazor

Assembly: DevExpress.Blazor.v24.2.dll

NuGet Package: DevExpress.Blazor

#Declaration

C#
[DefaultValue(ButtonRenderStyleMode.Contained)]
[Parameter]
public ButtonRenderStyleMode RenderStyleMode { get; set; }

#Property Value

Type Default Description
ButtonRenderStyleMode Contained

An enumeration value.

Available values:

Name Description
Contained

The button is filled with the style color.

Outline

The button’s text and borders are colored.

Text

The button’s text is colored.

#Remarks

The <DxButtonGroup> component allows you to apply predefined styles to all button group items or to an individual item. You can use the following properties:

DxButtonGroup.RenderStyle | DxButtonGroupItem.RenderStyle
Specify a button’s predefined style.
DxButtonGroup.RenderStyleMode | DxButtonGroupItem.RenderStyleMode
Specify a button’s color filling type.

Note

Individual item settings have priority over component settings.

DxButtonGroup - Apply Predefined Styles

Razor
<DxButtonGroup RenderStyleMode="ButtonRenderStyleMode.Outline" SizeMode="SizeMode.Large">
    <Items>
        <DxButtonGroupItem Text="Primary" />
        <DxButtonGroupItem Text="Secondary" RenderStyle="ButtonRenderStyle.Secondary" />
        <DxButtonGroupItem Text="Info" RenderStyle="ButtonRenderStyle.Info" />
        <DxButtonGroupItem Text="Link" RenderStyle="ButtonRenderStyle.Link" />
        <DxButtonGroupItem Text="Success" RenderStyle="ButtonRenderStyle.Success" />
        <DxButtonGroupItem Text="Warning" RenderStyle="ButtonRenderStyle.Warning" />
        <DxButtonGroupItem Text="Danger" RenderStyle="ButtonRenderStyle.Danger" />
    </Items>
</DxButtonGroup>
See Also