DxSplitButton.NavigateUrl Property

Specifies the primary button’s navigation location.

Namespace: DevExpress.Blazor

Assembly: DevExpress.Blazor.v24.2.dll

NuGet Package: DevExpress.Blazor

Declaration

[DefaultValue(null)]
[Parameter]
public string NavigateUrl { get; set; }

Property Value

Type	Default	Description
String	null	The URL where the browser navigates.

Remarks

Use the NavigateUrl property to specify a URL where the web browser navigates when the primary button is clicked. To specify where the browser should open the URL (for example, the current window or a new tab), use the Target property.

Example

The following code snippet opens the primary button’s NavigateUrl link in a new tab:

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

If you use the NavigateUrl property together with the Click event handler, the browser handles the event first and then navigates to the specified URL.