@solid-primitives/page-visibility


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

Installation

``
npm install @solid-primitives/page-visibility


or


yarn add @solid-primitives/page-visibility
`

createPageVisibility

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

$3

`ts
import { createPageVisibility } from "@solid-primitives/page-visibility";

const visible = createPageVisibility();

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

usePageVisibility

usePageVisibility is a singleton 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.

$3

`ts
import { usePageVisibility } from "@solid-primitives/page-visibility";

const visible = usePageVisibility();

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

Changelog

See CHANGELOG.md