useModal

Hides content outside the current `<OverlayContainer>` from screen readers on mount and restores it on unmount. Typically used by modal dialogs and other types of overlays to ensure that only the top-most modal is accessible at once.

install	`yarn add @react-aria/overlays`
version	3.0.1
usage	`import {useModal} from '@react-aria/overlays'`

View repository

GitHub

View package

NPM

API#

useModal(): void

Example#

See useDialog and useOverlayTrigger for examples of using useModal to hide external elements from screen readers.