DxFlyout.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 DxFlyout control from the element that triggers the flyout. Set the trigger element’s aria-describedby
attribute to the Id
property value to allow a screan reader to read flyout content when the trigger element is focused.
<div id="flyout-overview-target-container">
<DxButton aria-describedby="flyout" Click="() => IsOpen = !IsOpen">
SHOW A FLYOUT
</DxButton>
</div>
<DxFlyout
Id="flyout"
@bind-IsOpen=IsOpen
PositionTarget="#flyout-overview-target-container"
HeaderVisible="true"
HeaderText="Header"
BodyText="@Constants.Content"
Width="max(25vw, 250px)">
</DxFlyout>
@code {
bool IsOpen { get; set; } = false;
}
See Also