eQuantic.UIeQuantic.UI
Docs
Playground
GitHub
DocsOverlays
Popover
Ver código-fonte
1 min de leitura
A small anchored surface for secondary content, placed against its trigger.
1
using eQuantic.UI.Components;
DEFAULT
Painel do popover
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.