PrevNext

React Aria popover in a Sheet

Let React Aria own accessible popover semantics while Velvet coordinates the parent modal and dismissal stack.

Local preview
Play in StackBlitz

Notification rules

React Aria keeps its semantics; Velvet coordinates the surrounding stack.

What stays true

  • DOM surface forwards its ref
  • Explicit controlled open
  • Stable focus return

Try it deliberately

  • React Aria's Popover is the DOM-bearing child of the adapter.
  • The same boundary works for Select and Tooltip through their focused adapter exports.