Popover
Popovers are used to display additional information about an element when the user hovers over or focuses on the element.
Use the AnchorId parameter to connect the popover to the component it is positioned relative to.
Examples
Callout
Download:
Empty parts
Download:
Documentation
FluentPopover Class
Parameters
Name | Type | Default | Description |
|---|---|---|---|
AnchorId | string | Gets or sets the id of the component the popover is positioned relative to. | |
AutoFocus | bool | True | Gets or sets whether the element should receive the focus when the component is loaded. If this is the case, the user cannot navigate to other elements of the page while the Popup is open. Default is true. |
Body | RenderFragment? | Gets or sets the content of the body part of the popover. | |
CloseKeys | KeyCode[]? | Gets or sets the keys that can be used to close the popover. By default, Escape | |
FixedPlacement | bool? | Gets or sets a value indicating whether the region is positioned using css 'position: fixed'. Otherwise the region uses 'position: absolute'. Fixed placement allows the region to break out of parent containers. | |
Footer | RenderFragment? | Gets or sets the content of the footer part of the popover. | |
Header | RenderFragment? | Gets or sets the content of the header part of the popover. | |
HorizontalInset | bool | True | Gets or sets a value indicating whether the region overlaps the anchor on the horizontal axis. Default is true which places the region aligned with the anchor element. |
HorizontalPosition | HorizontalPosition? | Unset | Gets or sets the default horizontal position of the region relative to the anchor element. Default is unset. See FluentPopover.HorizontalPosition |
HorizontalThreshold | int | 0 | How narrow the space allocated to the default position has to be before the widest area is selected for layout. |
Open | bool | False | Gets or sets popover opened state. |
VerticalPosition | VerticalPosition? | Bottom | Gets or sets the default vertical position of the region relative to the anchor element. Default is unset. See FluentPopover.VerticalPosition |
VerticalThreshold | int | 0 | How short the space allocated to the default position has to be before the tallest area is selected for layout. |
EventCallbacks
Name | Type | Description |
|---|---|---|
OpenChanged | EventCallback<bool> | Callback for when open state changes. |