DxToolbarItem.RenderStyle Property

Specifies the item’s predefined style.

Assembly : DevExpress.Blazor.v25.2.dll

Declaration

csharp

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

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

Run Demo: Toolbar - Render Style