DxButtonGroupItem.RenderStyle Property

Specifies the item’s predefined style.

Assembly : DevExpress.Blazor.v25.2.dll

Declaration

csharp

[DefaultValue(null)]
[Parameter]
public ButtonRenderStyle? RenderStyle { get; set; }

Property Value

Type	Default	Description
Nullable<ButtonRenderStyle>	null

An enumeration value.

Available values:

Name	Description
None

Resets the button’s style.

| | Primary |

Applies the primary style to the button.

| | Secondary |

Applies the secondary style to the button.

| | Info |

Applies the info style to the button.

| | Link |

Applies the link style to the button.

| | Success |

Applies the success style to the button.

| | Warning |

Applies the warning style to the button.

| | Danger |

Applies the danger style to the button.

| | Dark |

Applies the dark style to the button.

| | Light |

Applies the light style to the button.

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>