Popover
A small panel anchored to its trigger, opened on press.
Group: Overlays · Kind: native
Preview
Section titled “Preview”open
Popover content.
Platforms
Section titled “Platforms”The same specimen painted by React, SwiftUI, Compose and gpui.
| Prop | Type | Required | Bindable | Description |
|---|---|---|---|---|
open |
boolean |
– | yes | Whether it shows; bind it. Default false. |
side |
top | right | bottom | left |
– | – | Preferred side of the trigger. Default "bottom". |
openOn |
press | hover |
– | – | Press, or hover over the trigger (press on touch). Default "press". |
Events
Section titled “Events”on.change: runs an action
trigger: one component by id
Children
Section titled “Children”many
A2UI basic mapping
Section titled “A2UI basic mapping”No basic catalog component maps here.
Built from
Section titled “Built from”A native component: every renderer paints it directly.
Accessibility
Section titled “Accessibility”Role: dialog
dialog (non-modal)
| Keys | Action |
|---|---|
Enter Space on the trigger |
open |
Escape |
close and return focus to the trigger |
| – | openOn hover also opens on trigger focus |
Theming
Section titled “Theming”Recipe parts: Popover/content Popover/arrow
Keyed by: side openOn :hover :pressed :focus :disabled :checked :open :selected :invalid :dragover
Related
Section titled “Related”Dialog · Drawer · DockCard · AlertDialog · Tooltip · Menu · Toast