DxToolbarItem.RenderStyle Property

Specifies the item’s predefined style.

Namespace: DevExpress.Blazor

Assembly: DevExpress.Blazor.v24.2.dll

NuGet Package: DevExpress.Blazor

Declaration

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

Use this property to specify a predefined style for the root Toolbar item.

This property is not applied to drop-down items.

<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