useDocumentVisibility

v0.0.14testeddemo

Reactive document.visibilityState.

Examples

const visibility = useDocumentVisibility();
watch(visibility, (state) => {
  if (state === 'visible') refresh();
});

useDocumentVisibility({
  onChange: (state) => {
    if (state === 'hidden') pausePlayback();
  },
});

Loading demo…

export function useDocumentVisibility(
  options: UseDocumentVisibilityOptions ={ ... }

Parameter	Type	Default	Description
`options`?	`UseDocumentVisibilityOptions`	`{}`	Options (custom `document`, `onChange` callback)

UseDocumentVisibilityReturnThe current visibility state