Skip to main content

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

DxButton.RenderStyle Property

Specifies the button’s predefined style.

Namespace: DevExpress.Blazor

Assembly: DevExpress.Blazor.v24.2.dll

NuGet Package: DevExpress.Blazor

#Declaration

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

#Property Value

Type Default Description
ButtonRenderStyle Primary

A ButtonRenderStyle 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

Use the following properties to specify the DxButton‘s style:

  • RenderStyle — Specifies the button’s predefined style.
  • RenderStyleMode — Specifies the button’s color filling type.
Razor
<DxButton RenderStyle="ButtonRenderStyle.Primary" RenderStyleMode="ButtonRenderStyleMode.Contained" Text="Primary" />

Button

Run Demo: Button — Styles

See Also