Basic Click me

Basic popup content.
Placement top Top

Placed above the trigger.
Placement right Right

Placed to the right.
Placement left Left

Placed to the left.
Backdrop dismiss Open (click outside to close)

Click anywhere outside to close.
Backdrop overlay Open with backdrop

Full-screen backdrop is visible behind the panel.
Role: listbox Choose option
  • Option A
  • Option B
  • Option C
Group (mutual exclusion) Open A Open B

Opening B will close this one.

Opening A will close this one.
Programmatic Open Close

Opened and closed via present() / dismiss().
Focus trap (role=dialog) Open with form
Submit