Popups / headless primitive
Popover
Anchored interactive popup content.
Popover / interactiveFluid · fits available space
Semantic parts
Spread each part getter onto the matching element, then style its stable state attributes.
triggerportalbackdroppositionerpopuparrowviewporttitledescriptioncloseKeyboard guidance
Open the trigger with Enter or Space. This preview is non-modal, so Tab follows normal document focus rather than trapping it in the popup.
Keys from the Clank controller contract, with preview and configuration notes. Disabled or read-only controls may prevent changes.
- Escape
- Close the topmost layer
- Tab
- Move within a trapped focus scopeOnly with a trapped modal focus scope. This non-modal preview uses normal document Tab order.