RemoveScroll

Disable document scroll when a component is mounted.

Import

import { RemoveScroll } from '@hoverinc/design-system-react-web';

Usage

Just wrap content, which should be scrollable, and everything else would not.

Note

See the react-remove-scroll documentation for more information and API details.

import { RemoveScroll } from '@hoverinc/design-system-react-web'; <RemoveScroll>Only this content would be scrollable</RemoveScroll>;

React Native

Not implemented in React Native

Status: Figma/web only — not implemented in React Native. This component has no equivalent in @hoverinc/design-system-react-native today. This is a DOM-specific scroll-locking utility with no React Native equivalent — there's no browser scroll to lock on native.