DxButtonGroupItem.RenderStyleMode Property

Specifies the item’s color filling type.

Assembly : DevExpress.Blazor.v25.2.dll

Declaration

csharp

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

Property Value

Type	Default	Description
Nullable<ButtonRenderStyleMode>	null

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.RenderStyleSpecify a button’s predefined style.DxButtonGroup.RenderStyleMode | DxButtonGroupItem.RenderStyleModeSpecify a button’s color filling type.

Note

Individual item settings have priority over component settings.

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>