useElementVisibility

Track whether an element enters the viewport.

useElementVisibility.tsx

import { useElementVisibility } from "@cermuel/hooks/react";export function useElementVisibilityExample() {  const { ref, visible } = useElementVisibility<HTMLDivElement>();  return <div ref={ref}>{visible ? "Visible" : "Hidden"}</div>;}

Props

Param

Type

Default Value

options?

IntersectionObserverInit

Returns

{ ref: import("react").RefObject<T | null>; visible: boolean; }