DxButtonGroup.RenderStyle Property

Specifies an item’s predefined style. Applies to all items in the component.

Namespace: DevExpress.Blazor

Assembly: DevExpress.Blazor.v24.2.dll

NuGet Package: DevExpress.Blazor

Declaration

[DefaultValue(ButtonRenderStyle.Primary)]
[Parameter]
public ButtonRenderStyle RenderStyle { get; set; }

Property Value

Type	Default	Description
ButtonRenderStyle	Primary	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.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>