Getting Started

App Provider global.d.ts Themes Types

cn(...args)Text Parser Units Converters

Anchor Avatar Breadcrumb Burger Button Card Carousel Checker Code Color Picker Command Confetti CopyButton Double Helix Words Floating Indicator Group Highlight Text Indicator Input Kbd Label Loader Pagination Password Requirement Polymorphic Slot Progress Prose Rating Running Area Scroll Area Sheets Skeleton Slider Stack Svg Table Tabs Textarea Timeline Times Toaster Tooltip Typing Words Typography

useClickOutside useClipboard useDeviceInfo useDialog useDidUpdate useDirection useDisclosure useDocumentTitle useDocumentVisibility useElementInfo useEyeDropper useFetch useFullscreen useGeoLocation useHotkeys useHover useId useImagePopup useInputState useIntersection useInterval useIsomorphicEffect useListState useLocalStorage useMeasureScrollbar useMediaQuery useMergedRef useMouse useMove useMutationObserver useNetwork useOpenState useOrientation useOS usePagination usePWAInstaller useRandomColors useReducedMotion useReload useResizeObserver useScrollIntoView useStateHistory useTimeout useTouch useTrigger useUncontrolled useValidatedState useViewportSize useWindowEvent useWindowScroll

useResizeObserver

Triggers a full page or soft component reload.

useScrollIntoView

Programmatically scrolls an element into view with animation.

Edit this page on GitHub

Started
Utilities
Configuration
Components
Hooks
Examples
Github
Contributing

⌘+J

© 2025 oeri rights MIT

Designed in Earth-616

Built by oeri

useResizeObserver

Watches for size changes in a DOM element using the ResizeObserver API.

API References

mdn

ResizeObserver is an API that allows us to detect changes in the size of elements and act accordingly.

Source Codes

Full working code example, including necessary markup and styles. You can copy and paste this code directly to start using the component immediately.

use-resize-observer.ts