Logoreact-pre-hooks
DocumentationDocumentationContributionContribution (opens in a new tab)
GitHubGitHub (opens in a new tab)
  • Getting Started
    • useAnimationFrame
    • useArray
    • useAsyncCallback
    • useAudioAnalyser
    • useBoolean
    • useClickAway
    • useClipboard
    • useClock
    • useCounter
    • useDebouncedState
    • useDragAndDrop
    • useEventListener
    • useFileDropArea
    • useForceUpdate
    • useFullscreen
    • useGamepad
    • useGeolocation
    • useGridLayout
    • useIntersectionObserver
    • useInterval
    • useInView
    • useIsomorphicEffect
    • useKeyboard
    • useLocalStorage
    • useMediaDevices
    • useMediaQuery
    • useMousePosition
    • useMutationObserver
    • useNetworkState
    • useOrientation
    • usePageVisibility
    • usePointers
    • usePreferredLanguage
    • useRect
    • useResizeObserver
    • useScreenCapture
    • useScrollDirection
    • useScrollPosition
    • useScrollThreshold
    • useSelection
    • useSessionStorage
    • useSwiping
    • useTimeout
    • useToggle
    • useViewport
    • useWorker

On This Page

  • Type Definitions
Question? Give us feedback → (opens in a new tab)Edit this page on GitHub →View source code
Documentation
Hooks
useGridLayout

useGridLayout

Track the number of rows and columns of an element with a grid layout.

00

Type Definitions

const useGridLayout: <T extends HTMLElement = HTMLDivElement>(ref?: React.RefObject<T> | null) => {
    rows: number;
    columns: number;
    ref: React.RefObject<T>;
};
useGeolocationuseIntersectionObserver

© Copyright 2023-2024 Malki Abderrahmane