Skip to main content
All docs
V25.1
  • DxDropDownButtonBase.DropDownVisible Property

    Specifies the current state of a drop-down element (visible/hidden).

    Namespace: DevExpress.Blazor

    Assembly: DevExpress.Blazor.v25.1.dll

    NuGet Package: DevExpress.Blazor

    Declaration

    [DefaultValue(false)]
    [Parameter]
    public bool DropDownVisible { get; set; }

    Property Value

    Type Default Description
    Boolean false

    true if the drop-down element is visible; otherwise, false.

    Remarks

    Use the DropDownVisible property to show/hide the target element’s drop-down menu or window.

    The following components implement the DropDownVisible property:

    DxDropDownButton
    A toggleable button that reveals a drop-down element with a list of commands or custom content.
    DxSplitButton
    A composite control that consists of a primary button and a toggleable secondary button that reveals a drop-down element.
    DxDropDownButtonItem
    Defines a drop-down list item. Used in DxDropDownButton or DxSplitButton.

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

    Example

    The following code snippet displays the current visibility state of the DxDropDownButton component’ drop-down menu:

    <p>Is menu expanded - @IsDropDownVisible</p>
    
    <DxDropDownButton Text="Blazor Components"
                      RenderStyleMode="ButtonRenderStyleMode.Outline"
                      DropDownVisible="@IsDropDownVisible"
                      DropDownVisibleChanged="OnDropDownVisibleChanged">
        <Items>
            <DxDropDownButtonItem Text="Documentation"
                                  NavigateUrl="https://docs.devexpress.com/Blazor/400725/blazor-components" />
            <DxDropDownButtonItem Text="Demos"
                                  NavigateUrl="https://demos.devexpress.com/blazor/" />
        </Items>
    </DxDropDownButton>
    
    @code {
        bool IsDropDownVisible = false;
    
        void OnDropDownVisibleChanged(bool isVisible) {
            IsDropDownVisible = isVisible;
        }
    }
    
    See Also