useOpenAndCloseFocus
A utility hook that focuses an element when a component is first mounted and returns focus to another element when the component unmounts.
Examples
Default
Could not load examples for Primer component library: product
Custom first focused element
If no ref is passed to initialFocusRef, the hook focuses the first focusable element inside of the container.
If preventFocusOnOpen prop is passed, then no focus will be applied when component mounts, even if initialFocusRef prop is included. Only initial focus is prevented; focus will still be returned to returnFocusRef when component unmounts.
Could not load examples for Primer component library: product
Prevent focus in the container when it is opened
Could not load examples for Primer component library: product
API
Loading data for useOpenAndCloseFocus...