Component registry

Popover

A small anchored set of choices that closes on outside tap.

All components · Kit documents · Definition as JSON

Live web demo

Web source: openvibe-shared/kit · kit.more({ label, items })

Anatomy

  • triggeranchor
  • choicesmenu items

Props

label
string
items
action[]
open
boolean

Behavior and accessibility

States
closed · open · selected
Tokens
color.bg.raised · color.line.strong · size.tap
Keyboard
Keeps the focused control in view
Outside tap
Closes the surface
Scroll lock
Page remains scrollable
Reduced motion
Remove movement; keep the state change.
Accessibility
Popover. Arrow keys move choices; Escape returns focus to trigger. At least 44 × 44 dp or pt for every touch action.

Android · Jetpack Compose

Use DropdownMenu anchored to the trigger.

Material 3 container: SurfaceContainerHigh

iOS · SwiftUI

Use Menu attached to the trigger Button.

Example definition

{
  "schema": "design.component@1",
  "name": "popover",
  "props": {
    "label": "More"
  }
}

Other components