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

useValidatedState

useUncontrolled

Converts controlled components into hybrid controlled/uncontrolled state.

useViewportSize

Reactive viewport width and height tracking.

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

useValidatedState

Manages state with built-in validation logic and returns error state.

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-validated-state.ts