eQuantic.UIeQuantic.UI
Docs
Playground
GitHub
DocsOverlays
Popover
View source
1 min read
A small anchored surface for secondary content, placed against its trigger.
1
using eQuantic.UI.Components;
DEFAULT
Popover panel
BottomStart
Usage
1
2
3
4
5
6
new Popover(trigger, new FilterPanel())
{
Open = _filtersOpen,
OnDismiss = () => SetState(() => _filtersOpen = false),
Placement = AnchorPlacement.BottomStart,
}
API
Prop
Type
Default
Description
Trigger
VisualNode
The element the panel anchors to.
Content
VisualNode
Panel content.
Open
bool
false
Controlled visibility.
OnDismiss
Action?
null
Outside press or Escape.
Placement
AnchorPlacement
BottomStart
Preferred side; flips and shifts to stay on screen.
States
State
Rendering
Closed
Trigger only
Open
Elevated panel positioned by the anchoring engine
Repositioned
Flips when the preferred side would clip
Accessibility
Focus moves into the panel; Escape closes and restores focus to the trigger.
When to use
Secondary controls on wide, pointer-driven screens.
Avoid
Critical actions on touch — use a BottomSheet.
NOTEEvery dimension resolves through Sizing.*(SizeVariant) and the token scales — never a literal. Source: src/eQuantic.UI.Components/Popover.cs.