DxDropDown.Id Property

Specifies the control’s unique identifier.

Namespace: DevExpress.Blazor

Assembly: DevExpress.Blazor.v24.1.dll

NuGet Package: DevExpress.Blazor

Declaration

[Parameter]
public string Id { get; set; }

Property Value

Type	Description
String	The control identifier.

Remarks

You can use the Id property to reference the DxDropDown control from the element that triggers the drop-down window. Set the trigger element’s aria-describedby attribute to the Id property value to allow a screan reader to read window content when the trigger element is focused.

<div id="dropdown-overview-target-container">
    <DxButton aria-describedby="dropDown" Click="() => IsOpen = !IsOpen">
        SHOW A DROPDOWN
    </DxButton>
</div>

<DxDropDown
    Id="dropDown"
    @bind-IsOpen="@IsOpen"
    HeaderVisible="true"
    HeaderText="Header"
    BodyText="@Constants.Content"
    Width="max(25vw, 250px)"
    PositionTarget="#dropdown-overview-target-container" />

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