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

DxButtonGroupItem.RenderStyle Property

Specifies the item’s predefined style.

Namespace: DevExpress.Blazor

Assembly: DevExpress.Blazor.v24.2.dll

NuGet Package: DevExpress.Blazor

#Declaration

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

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