DxPopup.Visible Property

Specifies whether a pop-up window is visible.

Namespace: DevExpress.Blazor

Assembly: DevExpress.Blazor.v20.2.dll

NuGet Package: DevExpress.Blazor

Declaration

[Parameter]
public bool Visible { get; set; }

Property Value

Type	Description
Boolean	true, if the pop-up window is visible; otherwise, false.

Remarks

Use the Visible property to show or hide a pop-up window.

<div class="target-container" @onclick="@(() => PopupVisible = true)"></div>
<DxPopup HeaderText="Header"
         @bind-Visible="@PopupVisible">
      <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris sit amet metus vel nisi blandit tincidunt vel efficitur purus. 
      Nunc nec turpis tempus, accumsan orci auctor, imperdiet mauris. Fusce id purus magna.</p>
</DxPopup>

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

To respond to the property change, handle the VisibleChanged event.

Run Demo: Popup - Overview