@solid-primitives/page-visibility

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.
How to use it
import { createPageVisibility } from "@solid-primitives/page-visibility";
const visible = createPageVisibility();
createEffect(() => {
visible();
});
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.
How to use it
import { usePageVisibility } from "@solid-primitives/page-visibility";
const visible = usePageVisibility();
createEffect(() => {
visible();
});
Changelog
See CHANGELOG.md