@solid-primitives/visibility-observer

@solid-primitives/visibility-observer

• createPageVisibility - Creates a signal with a boolean value identifying the page visibility state
• usePageVisibility - A shared-root alternative.

Installation

npm install @solid-primitives/visibility-observer
# or
yarn add @solid-primitives/visibility-observer

createPageVisibility

Creates a signal with a boolean value identifying the page visibility state.

How to use it

import { createPageVisibility } from "@solid-primitives/visibility-observer";

const visible = createPageVisibility();

createEffect(() => {
  visible(); // => boolean
});

usePageVisibility

usePageVisibility is a shared root primitive. It is providing the same signal as createPageVisibility, but the event-listener and the signal are shared between dependents, making it more optimized to use in multiple places at once.

How to use it

import { usePageVisibility } from "@solid-primitives/visibility-observer";

const visible = usePageVisibility();

createEffect(() => {
  visible(); // => boolean
});

Changelog