DxButtonGroup.RenderStyleMode Property

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

Namespace: DevExpress.Blazor

Assembly: DevExpress.Blazor.v26.1.dll

Declaration

[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.

@foreach(ButtonRenderStyleMode styleMode in Enum.GetValues<ButtonRenderStyleMode>()) {
    <div>
        <p><b>@styleMode Mode:</b></p>
        <DxButtonGroup RenderStyleMode="styleMode">
            <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>
    </div>
}