DxSplitButton.DropDownTogglePosition Property

Specifies the secondary button’s position relative to the primary button.

Namespace: DevExpress.Blazor

Assembly: DevExpress.Blazor.v25.1.dll

NuGet Package: DevExpress.Blazor

Declaration

C#

[DefaultValue(DropDownTogglePosition.Right)]
[Parameter]
public DropDownTogglePosition DropDownTogglePosition { get; set; }

Property Value

Type	Default	Description
DropDownTogglePosition	Right	An enumeration value.

Available values:

Name	Description
Right	Displays the drop-down toggle at the right edge of the target element.
Left	Displays the drop-down toggle at the left edge of the target element.

Remarks

The DxSplitButton component can display the secondary toggleable button to the left or right of the primary button. Use the DropDownTogglePosition property to specify the secondary button’s position.

Razor

<DxSplitButton Text="Blazor Components"
               RenderStyleMode="ButtonRenderStyleMode.Outline"
               DropDownTogglePosition="DropDownTogglePosition.Left">
    <Items>
        <DxDropDownButtonItem Text="Documentation"
                              NavigateUrl="https://docs.devexpress.com/Blazor/400725/blazor-components" />
        <DxDropDownButtonItem Text="Demos"
                              NavigateUrl="https://demos.devexpress.com/blazor/" />
    </Items>
</DxSplitButton>