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

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