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

DxToolbarItem.RenderStyle Property

Specifies the item’s predefined style.

Namespace: DevExpress.Blazor

Assembly: DevExpress.Blazor.v24.2.dll

NuGet Package: DevExpress.Blazor

#Declaration

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

#Property Value

Type Default Description
ButtonRenderStyle Secondary

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 this property to specify a predefined style for the root Toolbar item.

This property is not applied to drop-down items.

Razor
<div class="card p-2">
    <DxToolbar>
        <DxToolbarItem Text="Info"
                       RenderStyle="ButtonRenderStyle.Info"
                       RenderStyleMode="ToolbarItemRenderStyleMode.Contained" />
        <DxToolbarItem Text="Success"
                       RenderStyle="ButtonRenderStyle.Success"
                       RenderStyleMode="ToolbarItemRenderStyleMode.Contained" />
    </DxToolbar>
</div>

You can also specify the render style for items. Refer to RenderStyleMode and ItemRenderStyleMode for more information.

Run Demo: Toolbar - Render Style

See Also