DxDropDownButtonBase.DropDownVisible Property
Specifies the current state of a drop-down element (visible/hidden).
Namespace: DevExpress.Blazor
Assembly: DevExpress.Blazor.v24.2.dll
NuGet Package: DevExpress.Blazor
#Declaration
[DefaultValue(false)]
[Parameter]
public bool DropDownVisible { get; set; }
#Property Value
Type | Default | Description |
---|---|---|
Boolean | 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;
}
}