DxFlyout.Distance Property

Specifies the distance between the flyout window and its target element.

Namespace: DevExpress.Blazor

Assembly: DevExpress.Blazor.v23.2.dll

NuGet Package: DevExpress.Blazor

Declaration

[Parameter]
public int? Distance { get; set; }

Property Value

Type	Description
Nullable<Int32>	The distance in pixels.

Remarks

The PositionTarget property specifies the UI element relative to the flyout window’s position. Use the Distance property to specify the distance between the flyout window and its target element.

<DxButton Id="show-flyout" Click="() => IsOpen = !IsOpen">Show a flyout window</DxButton>
<DxFlyout @bind-IsOpen="@IsOpen" Width="210"
            BodyText="Lorem ipsum dolor sit amet"
            PositionTarget="#show-flyout"
            Position="FlyoutPosition.BottomStart"
            Distance="30">
</DxFlyout>

@code {
    bool IsOpen { get; set; } = false;
}