DropDown
The DropDown component allows you to create a drop-down window in your Blazor application.
Features
DropDown Content and Appearance
The drop-down window consists of the header, body, and footer elements. The header and footer are initially hidden. Set the HeaderVisible and FooterVisible properties to true to display these elements.
HeaderText, BodyText, and FooterText properties specify the text in the DropDown elements. You can also apply custom CSS rules to DropDown elements: use BodyCssClass, HeaderCssClass, and FooterCssClass properties. To add custom content, use templates.
Relative Position
Use the PositionMode property to specify the DropDown position relative to a target element or to a rectangle object.
Automatic Position Adjustment
The DropDown can recalculate its position in response to page layout changes (for instance, when a user scrolls or resizes the page). Use the RestrictionMode property to restrict the DropDown position and the FitToRestriction property to specify whether the DropDown can overlap restriction boundaries.
Resize
Enable the AllowResize option to allow users to change the component size. When enabled, the component displays a size grip. Users can drag it to change the drop-down window’s width and height.