Flyout
The Flyout component allows you to create a flyout window in your Blazor application.
Features
Flyout Content and Appearance
The Flyout component 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 text displayed in the Flyout elements. You can also apply custom CSS rules to Flyout elements: use BodyCssClass, HeaderCssClass, and FooterCssClass properties. To add custom content, use templates.
Relative Position
Use the Position property to specify the Flyout position relative to a target element or to a rectangle object.
Automatic Position Adjustment
The Flyout 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 Flyout position and the FitToRestriction property to specify whether the Flyout can overlap restriction boundaries.